Results for “surface-hierarchy”

Provides the complete design language for Supabase marketing surfaces, including color tokens, typography hierarchy, spacing system, and component styles.

Establish clear visual hierarchy through size, weight, color, spacing, and positioning to guide users through interfaces.

Analyze a screen's visual hierarchy by evaluating entry point, eye flow, weight distribution, and emphasis, then provide actionable fixes.

Audit and fix visual hierarchy, spacing, color, and depth in web UIs using a systematic, opinionated design framework.

Design the structure, hierarchy, and navigation model for a product's content and features.

Design user flows and screen structures using UX patterns like progressive disclosure, hub-and-spoke navigation, and information pyramids.

Documents Airtable's design system including color tokens, typography hierarchy, spacing, and component patterns for building editorial-style marketing interfaces.

Applies the System Usability Scale (SUS) framework to guide decision-making, structure analysis, and improve outcomes in design and user experience contexts.

Documents Notion's brand design system including color tokens, typography hierarchy, layout spacing, and component geometry across homepage, enterprise, AI, agents, startups, and pricing surfaces.

Analyzes and documents a two-track design system with cinematic dark marketing pages and light transactional surfaces, including color palettes, typography hierarchy, and component vocabulary.

Documents Linear's dark-canvas marketing design system with near-black backgrounds, lavender-blue accent, four-step surface hierarchy, aggressive negative tracking on display type, and product UI screenshots as the primary visual rhythm.