Comprehensive Glossary of Webflow & Web Terms

AEO

AEO (Answer Engine Optimization) is the practice of optimizing website content to appear as direct answers in AI-powered search experiences — including Google's AI Overviews, ChatGPT's web browsing, Perplexity AI, and voice assistants.

AI Overviews

AI Overviews (formerly called SGE) is Google's AI-generated summary feature that appears at the top of search results for many queries — synthesizing information from multiple web sources into a single, direct answer block.

Alt text

Alt text (alternative text) is a written description added to an image's HTML tag that serves two primary purposes: providing context to search engines that can't "see" images, and providing an accessible text alternative for users who can't view the image.

Agentic AI on web

Agentic AI on the web refers to AI systems that operate with autonomy and intent — taking sequences of actions on websites and web applications to accomplish complex, multi-step tasks on behalf of users.

Above the fold

"Above the fold" refers to the portion of a webpage that is visible in the browser window when a user first arrives — before they scroll down. Everything a visitor can see without any scrolling action is above the fold.

Below the fold

"Below the fold" refers to all the content on a webpage that is not immediately visible when the page loads — the content that requires the user to scroll down to see.

Custom code in Webflow

Custom code in Webflow refers to HTML, CSS, or JavaScript added manually to a Webflow site to extend its functionality beyond what Webflow's native visual tools provide.

CLS

CLS (Cumulative Layout Shift) is a Core Web Vital metric that measures the visual stability of a webpage — specifically, how much the page's content unexpectedly shifts or jumps around as it loads.

Combo Class

A Combo Class in Webflow is a secondary CSS class added on top of a base class to create a variation of an element's styling — without duplicating or modifying the original base class.

Canonical URL

A canonical URL is the preferred, "official" version of a webpage that you want search engines to index and rank — specified through a canonical link tag in the page's HTML head.

Color palette

A color palette is the curated set of colors that define a brand's visual identity on the web — organized into specific roles and tokens that ensure consistent, intentional color use across an entire website or design system.

Dynamic content

Dynamic content refers to website content that changes based on data — from a CMS, user behavior, location, or real-time sources — rather than being hardcoded into static HTML.

Design handoff

Design handoff is the process of transferring a completed design from the design phase to the development phase — ensuring developers have everything they need to build the design accurately and efficiently.

Dark mode

Dark mode is a display setting where a website or application's interface uses dark backgrounds with light-colored text and UI elements — the inverse of the traditional light-background design.

Design system

A design system is a comprehensive collection of reusable components, design tokens, guidelines, and documentation that defines how a brand's digital products look and behave — ensuring visual and functional consistency.

Dopamine design

Dopamine design is a visual design philosophy that uses bold, saturated colors, playful typography, dynamic contrasts, and high-energy aesthetics to create websites and interfaces that feel energizing, joyful, and emotionally stimulating.

E-E-A-T

E-E-A-T stands for Experience, Expertise, Authoritativeness, and Trustworthiness — a framework from Google's Search Quality Evaluator Guidelines that describes the qualities Google looks for in high-quality, trustworthy web content.

Figma to Webflow

Figma to Webflow refers to the process of translating a website design created in Figma — the industry-standard interface design tool — into a fully functional, live Webflow website.

Finsweet Attributes

Finsweet Attributes is a free, open-source JavaScript library built specifically for Webflow that unlocks advanced CMS and filter functionality — all without writing custom JavaScript.

GEO

GEO (Generative Engine Optimization) is the emerging discipline of optimizing websites and content to appear as sources cited by generative AI systems — including ChatGPT, Google Gemini, Perplexity, and Bing Copilot.

Glassmorphism

Glassmorphism is a visual design style characterized by semi-transparent, frosted-glass-like elements — cards, panels, and UI components that appear to be made of blurred, translucent glass, revealing a softened version of the content behind them.

Headless CMS

A Headless CMS is a content management system that separates the backend (where content is stored and managed) from the frontend (where content is displayed) — delivering content through an API.

INP

INP (Interaction to Next Paint) is a Core Web Vital metric that measures the responsiveness of a webpage to user interactions — the delay between a user's input and the next time the browser visually updates in response.

Low-code

Low-code development is a software development approach that significantly reduces the amount of hand-written code required by providing visual interfaces and pre-built components — while still allowing developers to write custom code where needed.

Landing page

A landing page is a standalone web page designed for a single, specific purpose: to convert visitors arriving from a particular source — an ad, an email, a search result — into leads, customers, or subscribers.

LCP

LCP (Largest Contentful Paint) is a Core Web Vital metric that measures how long it takes for the largest visible content element on a webpage to fully render within the user's viewport after the page begins loading.

LLMs.txt

LLMs.txt is an emerging convention where websites place a structured file at their root domain to help Large Language Models like ChatGPT, Claude, and Gemini better understand, navigate, and reference the site's content.

Lottie animation

A Lottie animation is a vector-based animation file format that plays lightweight, scalable animations on web and mobile — created from After Effects animations and exported as a small JSON file.

Meta description

A meta description is an HTML attribute that provides a brief summary of a webpage's content — typically displayed as the short paragraph of text beneath the blue clickable headline in Google search results.

Microinteractions

Microinteractions are small, contained moments of feedback and animation within a user interface — the subtle visual responses that happen when you hover over a button, toggle a switch, submit a form, or trigger a notification.

Mobile-first design

Mobile-first design is a design philosophy where the smallest screen size (mobile) is designed and built first, and the layout then progressively enhances as screen size increases to tablet and desktop.

No-code development

No-code development is the approach of building websites, applications, and digital tools using visual interfaces and pre-built logic — without writing any traditional programming code.

Prototype

A prototype is an interactive, clickable simulation of a website or application that demonstrates how it will look and behave — created before the real product is built, for testing, validation, and stakeholder alignment.

Parallax effect

The parallax effect in web design is a scrolling technique where different layers of a page move at different speeds as the user scrolls — creating an illusion of depth and three-dimensionality on a two-dimensional screen.

Programmatic SEO

Programmatic SEO is the practice of creating large numbers of unique, search-optimized web pages at scale using structured data and templates — rather than writing and publishing each page individually.

Robots.txt

The robots.txt file is a plain text file placed at the root of a website that provides instructions to search engine crawlers — telling them which pages or sections of your site they should and should not crawl.

Responsive design

Responsive design is a web design approach where a website's layout, content, and visual presentation automatically adapts to fit the screen size and device of whoever is viewing it — from large desktop monitors to small mobile phones.

Static site

A static site is a website composed of pre-built HTML, CSS, and JavaScript files that are served directly to the visitor's browser — with no server-side processing, database queries, or dynamic content generation at request time.

Schema markup

Schema markup (also called structured data) is code added to a webpage's HTML that provides search engines with explicit, machine-readable context about the page's content — helping search engines understand not just what's on the page, but what it means.

Scroll animation

A scroll animation is a visual animation that is triggered or driven by the user's scrolling behavior on a webpage — creating the effect that elements come to life as the user moves through the content.

Staging environment

A staging environment is a near-identical copy of a live website used for testing, development, and review — a safe space where changes can be previewed and validated before being published to the production site.

Typography scale

A typography scale is a defined system of font sizes that creates a consistent, harmonious hierarchy of text across a website or design system — from the largest display headings down to the smallest captions and labels.

Topical authority

Topical authority is the degree to which a website is recognized by search engines as a comprehensive, expert resource on a specific subject area — earned by producing thorough, interconnected content that covers a topic in significant depth and breadth.

UI vs UX

UI (User Interface) and UX (User Experience) are two distinct but deeply interconnected disciplines in web and product design — UI covers the visual layer, while UX covers the overall experience and usability.

Variable fonts

Variable fonts are a single font file that contains an entire range of typographic variations — weight, width, slant, optical size, and custom axes — all in one file, rather than requiring separate files for each variant.

Visual hierarchy

Visual hierarchy is the arrangement and presentation of design elements in a way that guides the viewer's eye through the content in a deliberate order — from what's most important to what's least important.

Visual development

Visual development is the practice of building software — websites, applications, or digital products — through a graphical, visual interface rather than writing text-based code.

Webflow API

The Webflow API is a RESTful programming interface that allows developers to interact with Webflow data programmatically — reading, creating, updating, and deleting CMS content and site settings from outside the Designer.

Webflow CMS

Webflow CMS is Webflow's built-in content management system for creating, organizing, and displaying dynamic content on your website — without writing a single line of code.

White space

White space (also called negative space) is the empty, unmarked area between and around design elements on a page — the breathing room that surrounds text, images, buttons, and other components.

Webflow Logic

Webflow Logic is Webflow's native workflow automation feature that lets you trigger actions based on events on your website — without code or third-party tools.

Webflow Editor

The Webflow Editor is a simplified content editing interface built for clients and content teams — people who need to update website content regularly without touching the design or code.

Zero-click search

Zero-click search refers to a Google search session where the user finds the information they need directly on the search results page — without clicking through to any website.