
Awesome Design.md — A Curated Collection of Design Resources in Markdown
A comprehensive collection of 55 DESIGN.md files extracted from real websites (Claude, Vercel, Stripe, Linear, Figma, Notion, Apple, Spotify, Airbnb, Supabase, Coinbase.
You can read the contents and the first 2,000 characters.
Free accounts get the whole book.
- By Sahar Carmel
- 59 chapters
- Updated Nov 1, 2026
- 157 readers
What’s inside
- Awesome Design.md — A Curated Collection of Design Systems
- Design System Inspiration of Airbnb
- Design System Inspiration of Airtable
- Design System Inspiration of Apple
- Design System Inspiration of BMW
- Design System Inspiration of Cal.com
From the first page
Airbnb's website is a warm, photography-forward marketplace that feels like flipping through a travel magazine where every page invites you to book. The design operates on a foundation of pure white (#ffffff) with the iconic Rausch Red (#ff385c) — named after Airbnb's first street address — serving as the singular brand accent. The result is a clean, airy canvas where listing photography, category icons, and the red CTA button are the only sources of color.
The typography uses Airbnb Cereal VF — a custom variable font that's warm and approachable, with rounded terminals that echo the brand's "belong anywhere" philosophy. The font operates in a tight weight range: 500 (medium) for most UI, 600 (semibold) for emphasis, and 700 (bold) for primary headings. Slight negative letter-spacing (-0.18px to -0.44px) on headings creates a cozy, intimate reading experience rather than the compressed efficiency of tech companies.
What distinguishes Airbnb is its palette-based token system (--palette-) and multi-layered shadow approach. The primary card shadow uses a three-layer stack (rgba(0,0,0,0.02) 0px 0px 0px 1px, rgba(0,0,0,0.04) 0px 2px 6px, rgba(0,0,0,0.1) 0px 4px 8px) that creates a subtle, warm lift. Combined with generous border-radius (8px–32px), circular navigation controls (50%), and a category pill bar with horizontal scrolling, the interface feels tactile and inviting — designed for browsing, not commanding.
Preview · 2,000 of 910,584 characters
Contents
- 01Awesome Design.md — A Curated Collection of Design Systemsp.1
- 02Design System Inspiration of Airbnbp.2
- 1. Visual Theme & Atmospherep.2
- 2. Color Palette & Rolesp.2
- 3. Typography Rulesp.2
- 4. Component Stylingsp.2
- 5. Layout Principlesp.2
- 6. Depth & Elevationp.2
- 7. Do's and Don'tsp.2
- 8. Responsive Behaviorp.2
- +1 more section
- 03Design System Inspiration of Airtablep.3
- 1. Visual Theme & Atmospherep.3
- 2. Color Palette & Rolesp.3
- 3. Typography Rulesp.3
- 4. Component Stylingsp.3
- 5. Layoutp.3
- 6. Depthp.3
- 7. Do's and Don'tsp.3
- 8. Responsive Behaviorp.3
- +1 more section
- 04Design System Inspiration of Applep.4
- 1. Visual Theme & Atmospherep.4
- 2. Color Palette & Rolesp.4
- 3. Typography Rulesp.4
- 4. Component Stylingsp.4
- 5. Layout Principlesp.4
- 6. Depth & Elevationp.4
- 7. Do's and Don'tsp.4
- 8. Responsive Behaviorp.4
- +1 more section
- 05Design System Inspiration of BMWp.5
- 1. Visual Theme & Atmospherep.5
- 2. Color Palette & Rolesp.5
- 3. Typography Rulesp.5
- 4. Component Stylingsp.5
- 5. Layout Principlesp.5
- 6. Depth & Elevationp.5
- 7. Do's and Don'tsp.5
- 8. Responsive Behaviorp.5
- +1 more section
- 06Design System Inspiration of Cal.comp.6
- 1. Visual Theme & Atmospherep.6
- 2. Color Palette & Rolesp.6
- 3. Typography Rulesp.6
- 4. Component Stylingsp.6
- 5. Layout Principlesp.6
- 6. Depth & Elevationp.6
- 7. Do's and Don'tsp.6
- 8. Responsive Behaviorp.6
- +1 more section
- 07Design System Inspiration of Claude (Anthropic)p.7
- 1. Visual Theme & Atmospherep.7
- 2. Color Palette & Rolesp.7
- 3. Typography Rulesp.7
- 4. Component Stylingsp.7
- 5. Layout Principlesp.7
- 6. Depth & Elevationp.7
- 7. Do's and Don'tsp.7
- 8. Responsive Behaviorp.7
- +1 more section
- 08Design System Inspiration of Clayp.8
- 1. Visual Theme & Atmospherep.8
- 2. Color Palette & Rolesp.8
- 3. Typography Rulesp.8
- 4. Component Stylingsp.8
- 5. Layout Principlesp.8
- 6. Depth & Elevationp.8
- 7. Do's and Don'tsp.8
- 8. Responsive Behaviorp.8
- +1 more section
See all 59 parts
- 09Design System Inspiration of ClickHousep.9
- 1. Visual Theme & Atmospherep.9
- 2. Color Palette & Rolesp.9
- 3. Typography Rulesp.9
- 4. Component Stylingsp.9
- 5. Layout Principlesp.9
- 6. Depth & Elevationp.9
- 7. Do's and Don'tsp.9
- 8. Responsive Behaviorp.9
- +1 more section
- 10Design System Inspiration of Coherep.10
- 1. Visual Theme & Atmospherep.10
- 2. Color Palette & Rolesp.10
- 3. Typography Rulesp.10
- 4. Component Stylingsp.10
- 5. Layout Principlesp.10
- 6. Depth & Elevationp.10
- 7. Do's and Don'tsp.10
- 8. Responsive Behaviorp.10
- +1 more section
- 11Design System Inspiration of Coinbasep.11
- 1. Visual Theme & Atmospherep.11
- 2. Color Palette & Rolesp.11
- 3. Typography Rulesp.11
- 4. Component Stylingsp.11
- 5. Layout Principlesp.11
- 6. Depth & Elevationp.11
- 7. Do's and Don'tsp.11
- 8. Responsive Behaviorp.11
- +1 more section
- 12Design System Inspiration of Composiop.12
- 1. Visual Theme & Atmospherep.12
- 2. Color Palette & Rolesp.12
- 3. Typography Rulesp.12
- 4. Component Stylingsp.12
- 5. Layout Principlesp.12
- 6. Depth & Elevationp.12
- 7. Do's and Don'tsp.12
- 8. Responsive Behaviorp.12
- +1 more section
- 13Design System Inspiration of Cursorp.13
- 1. Visual Theme & Atmospherep.13
- 2. Color Palette & Rolesp.13
- 3. Typography Rulesp.13
- 4. Component Stylingsp.13
- 5. Layout Principlesp.13
- 6. Depth & Elevationp.13
- 7. Interaction & Motionp.13
- 8. Responsive Behaviorp.13
- +1 more section
- 14Design System Inspiration of ElevenLabsp.14
- 1. Visual Theme & Atmospherep.14
- 2. Color Palette & Rolesp.14
- 3. Typography Rulesp.14
- 4. Component Stylingsp.14
- 5. Layout Principlesp.14
- 6. Depth & Elevationp.14
- 7. Do's and Don'tsp.14
- 8. Responsive Behaviorp.14
- +1 more section
- 15Design System Inspiration of Expop.15
- 1. Visual Theme & Atmospherep.15
- 2. Color Palette & Rolesp.15
- 3. Typography Rulesp.15
- 4. Component Stylingsp.15
- 5. Layout Principlesp.15
- 6. Depth & Elevationp.15
- 7. Do's and Don'tsp.15
- 8. Responsive Behaviorp.15
- +1 more section
- 16Design System Inspiration of Ferrarip.16
- 1. Visual Theme & Atmospherep.16
- 2. Color Palette & Rolesp.16
- 3. Typography Rulesp.16
- 4. Component Stylingsp.16
- 5. Layout Principlesp.16
- 6. Depth & Elevationp.16
- 7. Do's and Don'tsp.16
- 8. Responsive Behaviorp.16
- +1 more section
- 17Design System Inspiration of Figmap.17
- 1. Visual Theme & Atmospherep.17
- 2. Color Palette & Rolesp.17
- 3. Typography Rulesp.17
- 4. Component Stylingsp.17
- 5. Layout Principlesp.17
- 6. Depth & Elevationp.17
- 7. Do's and Don'tsp.17
- 8. Responsive Behaviorp.17
- +1 more section
- 18Design System Inspiration of Framerp.18
- 1. Visual Theme & Atmospherep.18
- 2. Color Palette & Rolesp.18
- 3. Typography Rulesp.18
- 4. Component Stylingsp.18
- 5. Layout Principlesp.18
- 6. Depth & Elevationp.18
- 7. Do's and Don'tsp.18
- 8. Responsive Behaviorp.18
- +1 more section
- 19Design System Inspiration of HashiCorpp.19
- 1. Visual Theme & Atmospherep.19
- 2. Color Palette & Rolesp.19
- 3. Typography Rulesp.19
- 4. Component Stylingsp.19
- 5. Layout Principlesp.19
- 6. Depth & Elevationp.19
- 7. Do's and Don'tsp.19
- 8. Responsive Behaviorp.19
- +1 more section
- 20Design System Inspiration of IBMp.20
- 1. Visual Theme & Atmospherep.20
- 2. Color Palette & Rolesp.20
- 3. Typography Rulesp.20
- 4. Component Stylingsp.20
- 5. Layout Principlesp.20
- 6. Depth & Elevationp.20
- 7. Do's and Don'tsp.20
- 8. Responsive Behaviorp.20
- +1 more section
- 21Design System Inspiration of Intercomp.21
- 1. Visual Theme & Atmospherep.21
- 2. Color Palette & Rolesp.21
- 3. Typography Rulesp.21
- 4. Component Stylingsp.21
- 5. Layout Principlesp.21
- 6. Depth & Elevationp.21
- 7. Do's and Don'tsp.21
- 8. Responsive Behaviorp.21
- +1 more section
- 22Design System Inspiration of Krakenp.22
- 1. Visual Theme & Atmospherep.22
- 2. Color Palette & Rolesp.22
- 3. Typography Rulesp.22
- 4. Component Stylingsp.22
- 5. Layout Principlesp.22
- 6. Depth & Elevationp.22
- 7. Do's and Don'tsp.22
- 8. Responsive Behaviorp.22
- +1 more section
- 23Design System Inspiration of Lamborghinip.23
- 1. Visual Theme & Atmospherep.23
- 2. Color Palette & Rolesp.23
- 3. Typography Rulesp.23
- 4. Component Stylingsp.23
- 5. Layout Principlesp.23
- 6. Depth & Elevationp.23
- 7. Do's and Don'tsp.23
- 8. Responsive Behaviorp.23
- +1 more section
- 24Design System Inspiration of Linearp.24
- 1. Visual Theme & Atmospherep.24
- 2. Color Palette & Rolesp.24
- 3. Typography Rulesp.24
- 4. Component Stylingsp.24
- 5. Layout Principlesp.24
- 6. Depth & Elevationp.24
- 7. Do's and Don'tsp.24
- 8. Responsive Behaviorp.24
- +1 more section
- 25Design System Inspiration of Lovablep.25
- 1. Visual Theme & Atmospherep.25
- 2. Color Palette & Rolesp.25
- 3. Typography Rulesp.25
- 4. Component Stylingsp.25
- 5. Layout Principlesp.25
- 6. Depth & Elevationp.25
- 7. Do's and Don'tsp.25
- 8. Responsive Behaviorp.25
- +1 more section
- 26Design System Inspiration of MiniMaxp.26
- 1. Visual Theme & Atmospherep.26
- 2. Color Palette & Rolesp.26
- 3. Typography Rulesp.26
- 4. Component Stylingsp.26
- 5. Layout Principlesp.26
- 6. Depth & Elevationp.26
- 7. Do's and Don'tsp.26
- 8. Responsive Behaviorp.26
- +1 more section
- 27Design System Inspiration of Mintlifyp.27
- 1. Visual Theme & Atmospherep.27
- 2. Color Palette & Rolesp.27
- 3. Typography Rulesp.27
- 4. Component Stylingsp.27
- 5. Layout Principlesp.27
- 6. Depth & Elevationp.27
- 7. Dark Modep.27
- 8. Responsive Behaviorp.27
- +1 more section
- 28Design System Inspiration of Mirop.28
- 1. Visual Theme & Atmospherep.28
- 2. Color Palette & Rolesp.28
- 3. Typography Rulesp.28
- 4. Component Stylingsp.28
- 5. Layout Principlesp.28
- 6. Depth & Elevationp.28
- 7. Do's and Don'tsp.28
- 8. Responsive Behaviorp.28
- +1 more section
- 29Design System Inspiration of Mistral AIp.29
- 1. Visual Theme & Atmospherep.29
- 2. Color Palette & Rolesp.29
- 3. Typography Rulesp.29
- 4. Component Stylingsp.29
- 5. Layout Principlesp.29
- 6. Depth & Elevationp.29
- 7. Do's and Don'tsp.29
- 8. Responsive Behaviorp.29
- +1 more section
- 30Design System Inspiration of MongoDBp.30
- 1. Visual Theme & Atmospherep.30
- 2. Color Palette & Rolesp.30
- 3. Typography Rulesp.30
- 4. Component Stylingsp.30
- 5. Layout Principlesp.30
- 6. Depth & Elevationp.30
- 7. Do's and Don'tsp.30
- 8. Responsive Behaviorp.30
- +1 more section
- 31Design System Inspiration of Notionp.31
- 1. Visual Theme & Atmospherep.31
- 2. Color Palette & Rolesp.31
- 3. Typography Rulesp.31
- 4. Component Stylingsp.31
- 5. Layout Principlesp.31
- 6. Depth & Elevationp.31
- 7. Responsive Behaviorp.31
- 8. Accessibility & Statesp.31
- +1 more section
- 32Design System Inspiration of NVIDIAp.32
- 1. Visual Theme & Atmospherep.32
- 2. Color Palette & Rolesp.32
- 3. Typography Rulesp.32
- 4. Component Stylingsp.32
- 5. Layout Principlesp.32
- 6. Depth & Elevationp.32
- 7. Responsive Behaviorp.32
- 8. Responsive Behavior (Extended)p.32
- +1 more section
- 33Design System Inspiration of Ollamap.33
- 1. Visual Theme & Atmospherep.33
- 2. Color Palette & Rolesp.33
- 3. Typography Rulesp.33
- 4. Component Stylingsp.33
- 5. Layout Principlesp.33
- 6. Depth & Elevationp.33
- 7. Do's and Don'tsp.33
- 8. Responsive Behaviorp.33
- +1 more section
- 34Design System Inspiration of OpenCodep.34
- 1. Visual Theme & Atmospherep.34
- 2. Color Palette & Rolesp.34
- 3. Typography Rulesp.34
- 4. Component Stylingsp.34
- 5. Layout Principlesp.34
- 6. Depth & Elevationp.34
- 7. Interaction & Motionp.34
- 8. Responsive Behaviorp.34
- +1 more section
- 35Design System Inspiration of Pinterestp.35
- 1. Visual Theme & Atmospherep.35
- 2. Color Palette & Rolesp.35
- 3. Typography Rulesp.35
- 4. Component Stylingsp.35
- 5. Layout Principlesp.35
- 6. Depth & Elevationp.35
- 7. Do's and Don'tsp.35
- 8. Responsive Behaviorp.35
- +1 more section
- 36Design System Inspiration of PostHogp.36
- 1. Visual Theme & Atmospherep.36
- 2. Color Palette & Rolesp.36
- 3. Typography Rulesp.36
- 4. Component Stylingsp.36
- 5. Layout Principlesp.36
- 6. Depth & Elevationp.36
- 7. Do's and Don'tsp.36
- 8. Responsive Behaviorp.36
- +1 more section
- 37Design System Inspiration of Raycastp.37
- 1. Visual Theme & Atmospherep.37
- 2. Color Palette & Rolesp.37
- 3. Typography Rulesp.37
- 4. Component Stylingsp.37
- 5. Layout Principlesp.37
- 6. Depth & Elevationp.37
- 7. Do's and Don'tsp.37
- 8. Responsive Behaviorp.37
- +1 more section
- 38Design System Inspiration of Renaultp.38
- 1. Visual Theme & Atmospherep.38
- 2. Color Palette & Rolesp.38
- 3. Typography Rulesp.38
- 4. Component Stylingsp.38
- 5. Layout Principlesp.38
- 6. Depth & Elevationp.38
- 7. Do's and Don'tsp.38
- 8. Responsive Behaviorp.38
- +1 more section
- 39Design System Inspiration of Replicatep.39
- 1. Visual Theme & Atmospherep.39
- 2. Color Palette & Rolesp.39
- 3. Typography Rulesp.39
- 4. Component Stylingsp.39
- 5. Layout Principlesp.39
- 6. Depth & Elevationp.39
- 7. Do's and Don'tsp.39
- 8. Responsive Behaviorp.39
- +1 more section
- 40Design System Inspiration of Resendp.40
- 1. Visual Theme & Atmospherep.40
- 2. Color Palette & Rolesp.40
- 3. Typography Rulesp.40
- 4. Component Stylingsp.40
- 5. Layout Principlesp.40
- 6. Depth & Elevationp.40
- 7. Do's and Don'tsp.40
- 8. Responsive Behaviorp.40
- +1 more section
- 41Design System Inspiration of Revolutp.41
- 1. Visual Theme & Atmospherep.41
- 2. Color Palette & Rolesp.41
- 3. Typography Rulesp.41
- 4. Component Stylingsp.41
- 5. Layout Principlesp.41
- 6. Depth & Elevationp.41
- 7. Do's and Don'tsp.41
- 8. Responsive Behaviorp.41
- +1 more section
- 42Design System Inspiration of Runwayp.42
- 1. Visual Theme & Atmospherep.42
- 2. Color Palette & Rolesp.42
- 3. Typography Rulesp.42
- 4. Component Stylingsp.42
- 5. Layout Principlesp.42
- 6. Depth & Elevationp.42
- 7. Do's and Don'tsp.42
- 8. Responsive Behaviorp.42
- +1 more section
- 43Design System Inspiration of Sanityp.43
- 1. Visual Theme & Atmospherep.43
- 2. Color Palette & Rolesp.43
- 3. Typography Rulesp.43
- 4. Component Stylingsp.43
- 5. Layout Principlesp.43
- 6. Depth & Elevationp.43
- 7. Do's and Don'tsp.43
- 8. Responsive Behaviorp.43
- +1 more section
- 44Design System Inspiration of Sentryp.44
- 1. Visual Theme & Atmospherep.44
- 2. Color Palette & Rolesp.44
- 3. Typography Rulesp.44
- 4. Component Stylingsp.44
- 5. Layout Principlesp.44
- 6. Depth & Elevationp.44
- 7. Do's and Don'tsp.44
- 8. Responsive Behaviorp.44
- +1 more section
- 45Design System Inspiration of SpaceXp.45
- 1. Visual Theme & Atmospherep.45
- 2. Color Palette & Rolesp.45
- 3. Typography Rulesp.45
- 4. Component Stylingsp.45
- 5. Layout Principlesp.45
- 6. Depth & Elevationp.45
- 7. Do's and Don'tsp.45
- 8. Responsive Behaviorp.45
- +1 more section
- 46Design System Inspiration of Spotifyp.46
- 1. Visual Theme & Atmospherep.46
- 2. Color Palette & Rolesp.46
- 3. Typography Rulesp.46
- 4. Component Stylingsp.46
- 5. Layout Principlesp.46
- 6. Depth & Elevationp.46
- 7. Do's and Don'tsp.46
- 8. Responsive Behaviorp.46
- +1 more section
- 47Design System Inspiration of Stripep.47
- 1. Visual Theme & Atmospherep.47
- 2. Color Palette & Rolesp.47
- 3. Typography Rulesp.47
- 4. Component Stylingsp.47
- 5. Layout Principlesp.47
- 6. Depth & Elevationp.47
- 7. Do's and Don'tsp.47
- 8. Responsive Behaviorp.47
- +1 more section
- 48Design System Inspiration of Supabasep.48
- 1. Visual Theme & Atmospherep.48
- 2. Color Palette & Rolesp.48
- 3. Typography Rulesp.48
- 4. Component Stylingsp.48
- 5. Layout Principlesp.48
- 6. Depth & Elevationp.48
- 7. Do's and Don'tsp.48
- 8. Responsive Behaviorp.48
- +1 more section
- 49Design System Inspiration of Superhumanp.49
- 1. Visual Theme & Atmospherep.49
- 2. Color Palette & Rolesp.49
- 3. Typography Rulesp.49
- 4. Component Stylingsp.49
- 5. Layout Principlesp.49
- 6. Depth & Elevationp.49
- 7. Do's and Don'tsp.49
- 8. Responsive Behaviorp.49
- +1 more section
- 50Design System Inspiration of Teslap.50
- 1. Visual Theme & Atmospherep.50
- 2. Color Palette & Rolesp.50
- 3. Typography Rulesp.50
- 4. Component Stylingsp.50
- 5. Layout Principlesp.50
- 6. Depth & Elevationp.50
- 7. Do's and Don'tsp.50
- 8. Responsive Behaviorp.50
- +1 more section
- 51Design System Inspiration of Together AIp.51
- 1. Visual Theme & Atmospherep.51
- 2. Color Palette & Rolesp.51
- 3. Typography Rulesp.51
- 4. Component Stylingsp.51
- 5. Layout Principlesp.51
- 6. Depth & Elevationp.51
- 7. Do's and Don'tsp.51
- 8. Responsive Behaviorp.51
- +1 more section
- 52Design System Inspiration of Uberp.52
- +9 more sections
- 53Design System Inspiration of Vercelp.53
- +9 more sections
- 54Design System Inspiration of VoltAgentp.54
- +9 more sections
- 55Design System Inspiration of Warpp.55
- +9 more sections
- 56Design System Inspiration of Webflowp.56
- +9 more sections
- 57Design System Inspiration of Wisep.57
- +9 more sections
- 58Design System Inspiration of xAIp.58
- +9 more sections
- 59Design System Inspiration of Zapierp.59
- +9 more sections


