Design Glossary

A centralized repository of reusable UI elements, design patterns, and code components that maintain consistency across a product or suite of products.

A foundational document that outlines project goals, audience, constraints, and success metrics to align stakeholders and guide design decisions from start to finish.

A comprehensive set of reusable components, design standards, and guidelines that ensure consistency across a product's user interface and user experience.

Design tokens are the coded values (colors, typography, spacing, etc.) that define your product's visual language. They're stored in a centralized system and distributed across design and development tools to ensure consistency.

A visual diagram that maps out processes, decision points, and workflows using shapes and arrows to show how information or tasks flow from start to finish.

A high-fidelity visual representation of a design that shows how a product will look and function, used to communicate ideas before development begins.

A curated collection of images, colors, typography, and design elements that define the visual direction and aesthetic of a project before detailed design work begins.

A detailed representation of a target user based on research and data, showing their goals, behaviors, pain points, and demographics. Personas guide product and design decisions by keeping real user needs at the center.

A visual or written map of a website's page hierarchy and structure, showing how content is organized and how users navigate between sections.

A comprehensive document that defines how a brand's visual and verbal identity should be applied across all touchpoints, including typography, color palettes, imagery, tone, and usage rules.