Short, clear definitions to understand the terms of web design, Webflow, SEO and GEO, written by the Mazette.co team from our own projects.
Optimizing content to be cited directly as an answer by conversational search engines and AI.
An AI system able to carry out tasks autonomously using tools and making decisions.
An interface that lets two pieces of software communicate and exchange data.
HTML attribute that provides an accessible text name to an element with no visible label.
An interface design method that assembles components into five levels: atoms, molecules, organisms, templates and pages.
A complete reference document covering a brand’s identity, tone, and visual usage.
A document defining a brand’s visual rules (colors, typography, logo, usage).
The place a brand occupies in its audience’s mind relative to competitors.
The choice of typefaces that contribute to a brand’s visual identity.
A dynamic data structure in Webflow used to manage reusable content.
A static visual representation of an interface before development.
A coherent set of rules, components, and visual principles ensuring a digital brand’s consistency.
A centralized, reusable design variable (color, spacing, typography) within a design system.
A system of custom HTML attributes acting as JavaScript hooks without relying on CSS classes.
A type of artificial intelligence able to create original content (text, image, code) from an instruction.
The English term for optimizing content to be picked up by AI answer-generation engines.
A visual style mimicking frosted glass, with blur, transparency and glowing edges on interfaces.
A headless CMS is a content management system with no built-in front end: it stores content and delivers it through an API to any website or app.
A landing page is a standalone web page built to move a visitor toward one single action, such as signing up, downloading or booking.
A method that assigns a score to a prospect based on their likelihood to convert.
Large Language Model, an AI model trained on huge volumes of text to understand and generate language.
A standardized file telling AI language models which content on a site is a priority.
A graphic symbol identifying a brand in a unique and memorable way.
A development approach combining a visual interface with custom code for advanced needs.
Using tools to automate repetitive marketing tasks (emailing, scoring, follow-ups).
Model Context Protocol, an open standard letting an AI connect to external tools and data sources.
An open-source workflow automation tool that connects different applications together.
A development approach for building sites or applications without writing traditional code.
The practice of designing optimized instructions to get better results from an AI model.
Retrieval-Augmented Generation, a technique combining document search with AI generation for more reliable answers.
A design approach ensuring a site adapts to every screen size.
Schema.org is the shared vocabulary behind schema markup and structured data: it describes a page’s content in a format search engines read without guessing.
The set of techniques used to improve a site’s visibility in organic search results.
Hierarchical map that organizes a website’s pages and the links between them before any visual design.
A reference document defining a brand’s graphic and editorial rules.
The discipline of designing the visual and interactive interfaces of a digital product.
A library of reusable graphic components that speeds up design work.
The set of steps a user follows to reach a goal on a digital product.
A parameter added to a URL to track the origin of traffic in analytics tools.
The discipline aimed at optimizing a user’s experience and satisfaction with a digital product.
An interactive mockup simulating a product’s behavior before development.
The set of visual elements that distinguish and represent a brand.
Practices ensuring a site can be used by everyone, including people with disabilities.
A no-code platform for building websites, combining visual design and clean generated code.
A service for hosting Next.js applications directly on Webflow’s infrastructure.
The evolution of Webflow Symbols, with variant management and per-instance editable properties.
Additional HTML/CSS/JS code injected into Webflow for non-native functionality.
Webflow’s native system of animations and micro-interactions triggered by scroll, click, or hover.
A wireframe mockup representing a page’s structure before visual design is applied.
Over 180 companies have already stepped out of the shadows with us.