Consumer design systems

Consumer design systems give product teams and coding agents a concise way to study a visual language before implementation. Each entry below links to a complete DESIGN.md — palette roles, typography behavior, spacing, surfaces, and interaction patterns — ready to drop into an AI coding workflow.

Consumer brands optimize for feeling over information density. Airbnb’s coral warmth, Spotify’s neon-on-black energy, Apple’s product-photography minimalism — these systems are engineered to be liked at first glance and recognized at a hundred meters.

Lessons that transfer: single signature colors owned so completely they become the brand, photography and illustration doing work that dev-tool brands assign to typography, and motion with personality. Use these files when your agent builds anything a non-technical user should love.

Treat these consumer design systems as a design brief, not an official vendor kit: every analysis is independent, and trademarks belong to their owners. Compare token choices below, or return to the full library for other categories.