Results for “design-document”

Documents Slacc's design language including color palette, typography hierarchy, spacing system, and layout tokens for UI implementation.

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

Reverse-engineer a design system from frontend source code by analyzing component files, stylesheets, Tailwind configs, theme definitions, and design tokens to produce a comprehensive DESIGN.md document.

Documents the design system for Composio's marketing site, including color palette, typography, layout, elevation, shapes, and component specifications.

Structure a pattern library entry with problem context, solution pattern, usage examples, and related patterns.

Documents the Starbucks design system with color palette, typography rules, spacing, and component styles for UI implementation.

Build or update a professional-grade design system in Figma from a codebase, creating variables, tokens, component libraries, theming, and documentation.

Documents Zapier's design language with color palette, typography hierarchy, spacing system, and component specifications for UI implementation.

Documents Nike's commerce design system: photography-first layouts, typographic hierarchy, color palette, and component patterns across PLP, PDP, and editorial pages.

Documents the monospaced, manpage-inspired design system of OpenCode's marketing site, including typography, color palette, and spacing tokens.

Documents the PlayStation marketing design system with three alternating canvas modes, PlayStation SST typography at weight 300, and a restrained chrome vocabulary where imagery occupies 60-90% of each section.

Documents the visual design system of Expo's marketing site, including color palette, typography, layout, and component styles for consistent brand implementation.

Documents the Bugatti brand design system: a black-and-white interface with custom typefaces, no accent color, and full-bleed photography as the only visual element.

Documents HashiCorp's marketing design system: near-black canvas, per-product accent colors, hashicorpSans typography, and charcoal card surfaces for multi-product brand identity.

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.

Documents Revolut's marketing design system: two-mode canvas (black/white), Aeonik Pro display typography, cobalt-violet brand accent, pill-shaped buttons, and product-led photography.

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 the Raycast design system with color tokens, typography hierarchy, and surface modes for building consistent dark-mode interfaces.

Documents Pinterest's design system including color palette, typography, shape geometry, and layout patterns for the home page, search results, and creator marketing surfaces.

Analyzes MiniMax's design system, documenting its dual identity of stark monochrome marketing and vibrant gradient product cards, with detailed color, typography, and layout tokens.

Documents Mistral AI's visual design system including sunset gradient color palette, typography pairing of PP Editorial Old with Inter, spacing tokens, and layout patterns across six page types.

Documents PostHog's design system: a warm cream canvas, hand-drawn hedgehog mascots, IBM Plex Sans typography, and a single yellow-orange CTA pill, with detailed color, typography, and component specifications.

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.

Documents Replicate's design system: warm cream canvas, hot orange accent, three-family typography stack (rb-freigeist-neue, basier-square, JetBrains Mono), fully rounded interactive elements, and a section rhythm that alternates between cream, orange hero, dark code-story, and black footer.

Onboards brand tokens and generates a 12-token CSS palette for consistent, WCAG-AA-compliant HTML document styling across markdown conversions.

Establishes or validates a canonical Icon wrapper component, size token scale, stroke weight conventions, and illustration usage standards for a project, creating src/components/ui/icon.tsx and documenting the system.