Design System Catalog

Browse pre-analyzed design systems from top websites. Click any entry to view the full DESIGN.md.

Stripe's design uses a deep navy-to-indigo palette anchored by #533afd (Stripe Indigo), sohne-var typography, and a signature spectral gradient hero.

Airbnb's design uses a coral-red (#ff385c) brand color, Cereal VF typeface, and rounded photo cards with multi-layer shadows on a white canvas.

Notion pairs a deep navy (#02093a) hero with a light (#f6f5f4) body, NotionInter typeface, and a 12-column grid with dual-radius language.

Linear's design is ultra-minimal with purple/blue gradients, Inter typeface, and a dark-first aesthetic built for speed and developer focus.

Vercel's design is iconic black-and-white minimalism with Geist font family, triangular logo motifs, and extreme typographic contrast.

Shopify uses a dramatic full-bleed video hero with near-black (#02090a) background, vivid mint green (#36f4a4) accent, and pill-shaped CTAs.

GitHub uses a dark-first design with blue (#2f81f7) accent, -apple-system font stack, and Primer design system with octicon icons.

Spotify's design centers on iconic green (#1db954) on a dark background, Circular font, and immersive album-art-driven layouts.

Figma's design uses a playful multi-color brand palette with purple (#a259ff), coral, green, and blue accents on a clean white canvas.

Tesla's design uses ultra-clean white space, cinematic full-bleed photography, red (#cc0000) accent, and Gotham typography.