Design Glossary
Every design term explained with visual examples. Not just definitions, but the context that makes them useful.
6
A
AI Token
The basic unit of text that AI language models process. Roughly 0.75 words per token in English, though the ratio varies by language and content type.
AI Session
A single continuous conversation thread with an AI model, from the first message to the last. Each session has its own context window that resets when a new session starts.
Artisan and Craft Brand
A brand that emphasizes handmade quality, unique craftsmanship, and often the imperfect, human touch in its products and services.
Accent Color
The color role in a design system reserved for brand identity, primary actions, and key signals, used with discipline so it holds its meaning.
APCA
The Accessible Perceptual Contrast Algorithm, a perceptual contrast formula designed to replace the WCAG 2 luminance math in the WCAG 3 draft, accounting for font size, weight, and polarity.
B
Brand Identity
The complete visual and verbal system that makes a brand recognizable, consistent, and impossible to confuse with anyone else.
Brand Guidelines
The rulebook that defines how a brand identity should be applied across every format, platform, and context.
Brand Voice
How a brand sounds in writing and speech. The personality, tone, and word choices that make it recognizable even without visuals.
Brand Touchpoint
Any moment where a person interacts with or encounters a brand, from a website visit to a packaging unboxing to a customer service call.
Brand System
The interconnected set of visual and verbal rules that work together to produce a consistent brand experience across every context.
Brand Consistency
The discipline of expressing a brand identity the same way across every format, platform, and interaction.
Brand Palette
The defined set of primary, secondary, and accent colors that represent a brand's visual identity across all touchpoints. More structured than a generic color palette.
Brand Equity
The commercial value derived from consumer perception of a brand, beyond the functional value of its products or services.
Brand Architecture
The organizational structure of brands, sub-brands, and products within a company portfolio. Defines how each entity relates to the parent brand visually and strategically.
Brand Promise
The core value or experience a brand commits to delivering to its customers, forming the fundamental expectation for every interaction.
C
Color Palette
The defined set of colors a brand uses across all materials, typically including primary, secondary, accent, and neutral colors.
Contrast Ratio
The measured difference in luminance between two colors, used to ensure text and interactive elements are readable for all users.
Context Window
The total amount of text, code, and conversation history an AI model can hold in active memory during a single session. Measured in tokens, not words.
Context Threshold
The percentage of context window usage at which AI output quality begins to noticeably degrade, typically around 50-70% depending on the model and task complexity.
Color Psychology
The study of how colors influence human perception, emotion, and behavior. In design, it is the practice of choosing colors based on the response they trigger, not just how they look.
Color Harmony
The pleasing arrangement of colors based on their relationships on the color wheel. Complementary, analogous, triadic, and split-complementary are the most common harmony types.
Color Accessibility
Ensuring color choices meet minimum contrast standards so content is readable by users with color vision deficiencies. WCAG AA requires a 4.5:1 contrast ratio for normal text.
CTA
Call to Action. A design element, usually a button or link, that prompts the user to take a specific action like signing up, buying, or downloading.
Component Library
A collection of reusable UI elements (buttons, inputs, cards, modals) built from design tokens and documented with usage guidelines. One layer of a design system, not the whole thing.
Color Tokens
Named color variables tied to roles in a design system rather than raw hex values, so the same role can resolve to different colors in different themes.
Color Wheel
A circular diagram of hues organized by their relationships, used by designers to reason about which colors pair, clash, or complement based on their position on the circle.
D
Design Grid
A structured framework of intersecting lines used in design to organize elements, ensure alignment, and create visual consistency and balance.
Design Tokens
The atomic design values (colors, spacing, typography, shadows, motion) stored as platform-agnostic variables that every component in a design system references.
Design Governance
The ownership structure, decision-making process, and contribution model that determines how a design system evolves. The most common reason design systems fail.
Design Pattern
A documented solution for a recurring design problem. Patterns tell you when to use a dropdown versus a radio group, how to handle empty states, and how forms should behave.
Design Token
A named variable in a design system that stores a visual decision (color, spacing, type, radius, motion) and can resolve to different raw values per theme, platform, or context.
F
Favicon
The small icon displayed in browser tabs, bookmarks, and mobile home screens. Typically 16x16 or 32x32 pixels, it is the ultimate scalability test for any logo.
Focal Point
The first element the eye is drawn to in a composition. Established through size, contrast, color, or isolation, a focal point anchors the entire visual hierarchy.
F-Pattern
A common eye-tracking pattern where users scan content-heavy pages in an F-shape: across the top, down the left side, then across shorter horizontal scans.
Font Pairing
The strategic selection of two or more typefaces that work together in a design system. Good pairings create contrast in structure while maintaining harmony in proportion.
Fluid Typography
A responsive technique where font sizes scale smoothly between breakpoints using CSS clamp(), eliminating the layout jank from hard breakpoint changes.
G
Geometric Logo
A logo built primarily from circles, squares, triangles, or other mathematical shapes. Geometric foundations give marks universal readability and structural integrity.
Geometric Foundation
The practice of building logos, especially minimalist ones, using fundamental geometric shapes like circles, squares, and triangles for universal understanding and structural integrity.
H
L
Logomark
A symbol or icon that represents a brand without any text. The Apple apple, the Nike swoosh, the Airbnb Belo.
Logotype
A logo made entirely of styled text, where the brand name IS the logo. Google, Coca-Cola, and FedEx are logotypes.
Letter Spacing
The uniform adjustment of space between all characters in a block of text. Also called tracking. Distinct from kerning, which adjusts space between specific character pairs.
Line Height
The vertical distance between baselines of consecutive text lines. The single most impactful spacing property for readability, and the one most often set incorrectly.
M
Mood Board
A curated visual collection of images, textures, colors, typography, and references used to define a brand's aesthetic direction before detailed design begins.
Minimalist Logo Design
The practice of reducing a logo mark to its most essential visual elements to maximize recognition and meaning.
Material Palette
The selection of physical materials (paper, board, glass, aluminum, film) used in packaging design. Material choice communicates brand positioning before any graphic element.
N
O
One Idea Per Mark
A principle of minimalist logo design where the mark communicates a single, clear concept without trying to convey multiple messages simultaneously.
One-Color Test
A crucial design test where a logo is evaluated for its strength and recognition when rendered in a single color, typically black on white.
P
Prompt
The input text, question, or instruction given to an AI model to generate a response. The quality of the prompt directly shapes the quality of the output.
Packaging Identity
The complete system of structural, material, and visual decisions that make a product recognizable across shelf, e-commerce, unboxing, and social media contexts.
R
Rebranding
The process of changing a brand's visual identity, messaging, positioning, or all three to better reflect what the brand has become or wants to become.
Reduction Process
The systematic practice of removing non-essential elements from a design until only the elements that carry meaning remain. The core method behind minimalist logo design.
S
System Instructions
Hidden directives loaded into an AI session that shape the model's behavior, tone, and constraints. They consume context window tokens like any other input.
Scalability
A design's ability to maintain clarity, impact, and legibility across all reproduction sizes, from a 16px favicon to a highway billboard.
Silhouette
The solid outline shape of a design when filled with a single flat color. A strong silhouette means the mark is recognizable without internal detail, color, or texture.
Squint Test
A quick hierarchy check where you blur your vision (or squint) to see which elements stand out when detail is removed. If the right things pop, the hierarchy works.
Semantic Tokens
Design tokens that assign meaning to raw values. Instead of referencing color-blue-500 directly, components reference color-primary, which resolves to the appropriate raw value.
Shelf Impact
The ability of packaging to attract attention and communicate brand identity from typical retail viewing distance (approximately three feet). The primary performance metric for retail packaging.
SKU Color System
A systematic approach to differentiating product variants within a packaging line through color while maintaining overall brand recognition.
T
Typography Hierarchy
The system of font sizes, weights, and styles that guides the reader's eye through content in order of importance.
Token Reuse
The compounding effect where each new AI response requires reprocessing all previous conversation tokens, increasing latency and cost with every turn.
Typography Scale
A system of proportional text sizes that creates consistent visual order across headings, body text, captions, and labels. Usually based on a mathematical ratio.
Type Scale
A set of font sizes generated from a consistent mathematical ratio. Instead of picking sizes by feel, you pick a base size and a ratio, and every other size flows from that relationship.
U
V
Visual Identity
The visible elements of a brand: logo, color palette, typography, imagery style, and layout patterns.
Visual Hierarchy
The arrangement of design elements so the eye processes them in a deliberate order, controlled by size, contrast, color, spacing, and position.
W
White Space
The empty area between and around design elements that creates breathing room, establishes hierarchy, and improves readability.
WCAG
The Web Content Accessibility Guidelines, published by W3C, defining measurable criteria for making digital content usable for people with disabilities, including color contrast, keyboard navigation, and screen reader support.