# DESIGN.md examples

> 168 free DESIGN.md files measured from Stripe, Linear, Vercel and other real sites, by category. Copy or download one for your AI coding agent.

Canonical page: https://sitepeel.dev/design-md/examples/

Real design systems from 168 product sites, in the DESIGN.md format Google published with Stitch. Pick one and your AI coding agent builds in that style. What DESIGN.md is: https://sitepeel.dev/guides/what-is-design-md/index.md. Make one from any site: https://sitepeel.dev/design-md/ (details: https://sitepeel.dev/design-md/index.md).

Each entry links to the brand’s style guide page and its raw DESIGN.md file. Colors are listed background first, then surfaces, text and the accent.

## AI (14)

- [Anthropic](https://sitepeel.dev/design-md/anthropic.com/) (anthropic.com): dark theme; type anthropicSerif, anthropicSans; colors #141413, #3B3B3B, #262624, #FAF9F5, #E8E6DC; accent #E8E6DC. File: https://sitepeel.dev/design-md/anthropic.com/DESIGN.md
- [bolt.new](https://sitepeel.dev/design-md/bolt.new/) (bolt.new): dark theme; type Schibsted Grotesk, Silkscreen; colors #111114, #000000, #171719, #FFFFFF, #F9F6F9, #2BA6FF; accent #2BA6FF. File: https://sitepeel.dev/design-md/bolt.new/DESIGN.md
- [Cursor](https://sitepeel.dev/design-md/cursor.com/) (cursor.com): dark theme; type CursorGothic, EB Garamond; colors #14120B, #201E18, #1B1913, #EDECEC, #969592, #F54E00; accent #F54E00. File: https://sitepeel.dev/design-md/cursor.com/DESIGN.md
- [DeepL](https://sitepeel.dev/design-md/deepl.com/) (deepl.com): light theme; type robotoLatin; colors #FFFFFF, #DEFDEE, #F8F8F8, #191919, #091A2B, #0F2B46; accent #0F2B46. File: https://sitepeel.dev/design-md/deepl.com/DESIGN.md
- [ElevenLabs](https://sitepeel.dev/design-md/elevenlabs.io/) (elevenlabs.io): light theme; type Waldenburg, Inter; colors #F5F3F1, #FFFFFF, #FDFCFC, #000000, #777169, #0A59D2; accent #000000. File: https://sitepeel.dev/design-md/elevenlabs.io/DESIGN.md
- [Granola](https://sitepeel.dev/design-md/granola.ai/) (granola.ai): light theme; type quadrant, melange; colors #FFFFFF, #EAEBE5, #F7F7F2, #292929, #72726E, #B2C248; accent #B2C248. File: https://sitepeel.dev/design-md/granola.ai/DESIGN.md
- [Hugging Face](https://sitepeel.dev/design-md/huggingface.co/) (huggingface.co): dark theme; type Source Sans Pro, IBM Plex Mono; colors #0B0F19, #101828, #E5E7EB, #D1D5DC, #2B7FFF; accent #E5E7EB. File: https://sitepeel.dev/design-md/huggingface.co/DESIGN.md
- [Mistral](https://sitepeel.dev/design-md/mistral.ai/) (mistral.ai): dark theme; type ALTMistral, Inter; colors #101013, #1A1A1E, #FAFAF4, #A1A1AA, #FFAF01, #FF8204; accent #FFAF01. File: https://sitepeel.dev/design-md/mistral.ai/DESIGN.md
- [Perplexity AI](https://sitepeel.dev/design-md/perplexity.ai/) (perplexity.ai): dark theme; type pplxSans; colors #15191D, #1A1E21, #081F22, #DADFE3, #959A9E, #016A71; accent #016A71. File: https://sitepeel.dev/design-md/perplexity.ai/DESIGN.md
- [Replicate](https://sitepeel.dev/design-md/replicate.com/) (replicate.com): dark theme; type rb-freigeist-neue, basier-square; colors #111111, #1B180F, #181111, #EEEEEE, #B4B4B4, #FFFFFF; accent #FFFFFF. File: https://sitepeel.dev/design-md/replicate.com/DESIGN.md
- [Runway](https://sitepeel.dev/design-md/runwayml.com/) (runwayml.com): light theme; type abcNormal; colors #FFFFFF, #EEF1F5, #F7F7F7, #404040, #1A1A1A, #2B22FA; accent #2B22FA. File: https://sitepeel.dev/design-md/runwayml.com/DESIGN.md
- [Suno](https://sitepeel.dev/design-md/suno.com/) (suno.com): dark theme; type Neue Montreal, Editorial New; colors #101012, #000000, #F7F4EF, #FCFBF9, #02D95C, #1F8BFF; accent #02D95C. File: https://sitepeel.dev/design-md/suno.com/DESIGN.md
- [Synthesia](https://sitepeel.dev/design-md/synthesia.io/) (synthesia.io): light theme; type Basiersquare Webfont; colors #FFFFFF, #F7F7F7, #363636, #68686A, #771A0D, #3E57DA; accent #771A0D. File: https://sitepeel.dev/design-md/synthesia.io/DESIGN.md
- [v0](https://sitepeel.dev/design-md/v0.app/) (v0.app): dark theme; type GeistSans, Inter; colors #000000, #121212, #0A0A0A, #EDEDED, #A0A0A0; accent #EDEDED. File: https://sitepeel.dev/design-md/v0.app/DESIGN.md

## Developer tools (37)

- [Astro](https://sitepeel.dev/design-md/astro.build/) (astro.build): dark theme; type Obviously; colors #060913, #0C0F19, #0D0F14, #F2F6FA, #BFC1C9, #1A1367; accent #1A1367. File: https://sitepeel.dev/design-md/astro.build/DESIGN.md
- [Auth0](https://sitepeel.dev/design-md/auth0.com/) (auth0.com): dark theme; type Aeonik, Aeonik Mono; colors #20003A, #120021, #FFFFFF, #E5E5E5, #BCBAFF; accent #FFFFFF. File: https://sitepeel.dev/design-md/auth0.com/DESIGN.md
- [Bun](https://sitepeel.dev/design-md/bun.sh/) (bun.sh): dark theme; type Archivo; colors #0D0A0C, #000000, #0E0E0E, #EAEAE8, #A8A8A5, #FF2E97; accent #EAEAE8. File: https://sitepeel.dev/design-md/bun.sh/DESIGN.md
- [Clerk](https://sitepeel.dev/design-md/clerk.com/) (clerk.com): light theme; type geistNumbers; colors #FFFFFF, #EEEEF0, #F7F7F8, #131316, #5E5F6E, #42434D; accent #42434D. File: https://sitepeel.dev/design-md/clerk.com/DESIGN.md
- [Cloudflare](https://sitepeel.dev/design-md/cloudflare.com/) (cloudflare.com): light theme; type STK Bureau Sans; colors #FF5E1F, #1F1F1F, #FFFBF5, #FF5F08, #FF9910; accent #FF5E1F. File: https://sitepeel.dev/design-md/cloudflare.com/DESIGN.md
- [Datadog](https://sitepeel.dev/design-md/datadoghq.com/) (datadoghq.com): light theme; type NationalWeb; colors #FFFFFF, #F6F6F6, #212529, #555555, #632CA6, #9EC5FE; accent #632CA6. File: https://sitepeel.dev/design-md/datadoghq.com/DESIGN.md
- [Deno](https://sitepeel.dev/design-md/deno.com/) (deno.com): dark theme; type Inter, Menlo; colors #001319, #25272B, #121417, #868789, #9EA0A5, #F5F5F5; accent #25272B. File: https://sitepeel.dev/design-md/deno.com/DESIGN.md
- [Docker](https://sitepeel.dev/design-md/docker.com/) (docker.com): light theme; type Repro, Inter; colors #F9FAFB, #F0F0F0, #FFFFFF, #2C333F, #475569, #2560FF; accent #2560FF. File: https://sitepeel.dev/design-md/docker.com/DESIGN.md
- [Flutter](https://sitepeel.dev/design-md/flutter.dev/) (flutter.dev): dark theme; type Google Sans Flex; colors #1A68D3, #FFFFFF, #000000, #14C2AD; accent #1A68D3. File: https://sitepeel.dev/design-md/flutter.dev/DESIGN.md
- [Fly.io](https://sitepeel.dev/design-md/fly.io/) (fly.io): light theme; type Mackinac, Fricolage Grotesque; colors #F4F6EB, #FFFFFF, #5B5077, #686082, #7C3AED, #CAE3FD; accent #7C3AED. File: https://sitepeel.dev/design-md/fly.io/DESIGN.md
- [GitHub](https://sitepeel.dev/design-md/github.com/) (github.com): dark theme; type Mona Sans, Mona Sans VF; colors #000000, #0D1117, #090D0A, #FFFFFF, #A4AEA6, #080A3D; accent #080A3D. File: https://sitepeel.dev/design-md/github.com/DESIGN.md
- [GitLab](https://sitepeel.dev/design-md/gitlab.com/) (gitlab.com): dark theme; type GitLab Sans, GitLab Mono; colors #171321, #FFFFFF, #F7F7F5, #FC6D26, #FCA326; accent #FFFFFF. File: https://sitepeel.dev/design-md/gitlab.com/DESIGN.md
- [Go](https://sitepeel.dev/design-md/go.dev/) (go.dev): dark theme; type Roboto; colors #202224, #253443, #2D2D2D, #F0F1F2, #AAACAE, #007D9C; accent #007D9C. File: https://sitepeel.dev/design-md/go.dev/DESIGN.md
- [Grafana Labs](https://sitepeel.dev/design-md/grafana.com/) (grafana.com): light theme; type Poppins, Inter; colors #F4F4F6, #F9F9FA, #EAF0FF, #000000, #2E2E38, #1B55F5; accent #1B55F5. File: https://sitepeel.dev/design-md/grafana.com/DESIGN.md
- [MongoDB](https://sitepeel.dev/design-md/mongodb.com/) (mongodb.com): dark theme; type Sohne Condensed, Sohne; colors #061621, #081B28, #FFFFFF, #FDFEEC, #00ED64, #016BF8; accent #00ED64. File: https://sitepeel.dev/design-md/mongodb.com/DESIGN.md
- [Neon](https://sitepeel.dev/design-md/neon.tech/) (neon.tech): dark theme; type Inter, GeistMono; colors #000000, #151617, #111315, #FFFFFF, #C9CBCF, #34D59A; accent #34D59A. File: https://sitepeel.dev/design-md/neon.tech/DESIGN.md
- [Netlify](https://sitepeel.dev/design-md/netlify.com/) (netlify.com): dark theme; type Figtree, Instrument Sans; colors #12181F, #181A1C, #DEFFFE, #E4F0FB, #32E6E2, #89DDFF; accent #32E6E2. File: https://sitepeel.dev/design-md/netlify.com/DESIGN.md
- [Next.js](https://sitepeel.dev/design-md/nextjs.org/) (nextjs.org): dark theme; type GeistSans; colors #000000, #292929, #0A0A0A, #EDEDED, #A1A1A1, #0057FF; accent #EDEDED. File: https://sitepeel.dev/design-md/nextjs.org/DESIGN.md
- [Node.js](https://sitepeel.dev/design-md/nodejs.org/) (nodejs.org): dark theme; type OPEN SANS, SFMono-Regular; colors #0D121C, #2C3437, #FFFFFF, #ECEFF4, #AE5F00, #84BA64; accent #AE5F00. File: https://sitepeel.dev/design-md/nodejs.org/DESIGN.md
- [Postman](https://sitepeel.dev/design-md/postman.com/) (postman.com): light theme; type gtStandard; colors #FF6C37, #212121, #FFFFFF, #E0531F, #FF8A5C; accent #FF6C37. File: https://sitepeel.dev/design-md/postman.com/DESIGN.md
- [Prisma](https://sitepeel.dev/design-md/prisma.io/) (prisma.io): light theme; type Sora, Inter; colors #FFFFFF, #F4F7F7, #DCFDFF, #3A3B3C, #646567, #000000; accent #000000. File: https://sitepeel.dev/design-md/prisma.io/DESIGN.md
- [Python.org](https://sitepeel.dev/design-md/python.org/) (python.org): light theme; type Flux-Regular, SourceSansProBold; colors #F9F9F9, #E6E8EA, #FFFFFF, #444444, #4D4D4D, #2B5B84; accent #2B5B84. File: https://sitepeel.dev/design-md/python.org/DESIGN.md
- [Railway](https://sitepeel.dev/design-md/railway.com/) (railway.com): dark theme; type IBM Plex Serif, Inter; colors #13111C, #291839, #1C1A28, #FFFFFF, #F7F7F8, #553F83; accent #553F83. File: https://sitepeel.dev/design-md/railway.com/DESIGN.md
- [React](https://sitepeel.dev/design-md/react.dev/) (react.dev): dark theme; type Optimistic Display, Optimistic Text; colors #23272F, #343A46, #FFFFFF, #F6F7F9, #58C4DC, #77B7D7; accent #58C4DC. File: https://sitepeel.dev/design-md/react.dev/DESIGN.md
- [Redis](https://sitepeel.dev/design-md/redis.io/) (redis.io): dark theme; type primaryFont, Space Grotesk; colors #091A23, #351D22, #0D212C, #FFFFFF, #B9C2C6, #DCFF1E; accent #DCFF1E. File: https://sitepeel.dev/design-md/redis.io/DESIGN.md
- [Render](https://sitepeel.dev/design-md/render.com/) (render.com): dark theme; type Roobert, PPNeueMontreal; colors #0D0D0D, #FFFFFF, #E3E3E3, #1C0037, #D1B8FF, #8A05FF; accent #1C0037. File: https://sitepeel.dev/design-md/render.com/DESIGN.md
- [Resend](https://sitepeel.dev/design-md/resend.com/) (resend.com): dark theme; type domaine, aBCFavorit; colors #000000, #0B0E14, #F0F0F0, #ABAFB4, #3B9EFF; accent #F0F0F0. File: https://sitepeel.dev/design-md/resend.com/DESIGN.md
- [Retool](https://sitepeel.dev/design-md/retool.com/) (retool.com): dark theme; type saansFont, pxGroteskFont; colors #151515, #242424, #E9EBDF, #CBCCC4, #ECA438, #EF4444; accent #ECA438. File: https://sitepeel.dev/design-md/retool.com/DESIGN.md
- [Rust](https://sitepeel.dev/design-md/rust-lang.org/) (rust-lang.org): dark theme; type Alfa Slab One, Fira Sans; colors #0B7261, #000000, #2A3439, #4299BF; accent #0B7261. File: https://sitepeel.dev/design-md/rust-lang.org/DESIGN.md
- [Sentry](https://sitepeel.dev/design-md/sentry.io/) (sentry.io): dark theme; type Dammit Sans, Rubik; colors #1F1633, #FFFFFF, #6A5FC1, #FD44B0, #C2EF4E; accent #6A5FC1. File: https://sitepeel.dev/design-md/sentry.io/DESIGN.md
- [Supabase](https://sitepeel.dev/design-md/supabase.com/) (supabase.com): dark theme; type Manrope, Inter; colors #131413, #181A19, #0C0F24, #EDEFEE, #BCBDBC, #006338; accent #006338. File: https://sitepeel.dev/design-md/supabase.com/DESIGN.md
- [Svelte](https://sitepeel.dev/design-md/svelte.dev/) (svelte.dev): dark theme; type DM Serif Display, Fira Sans; colors #1C1E22, #2E333E, #23272F, #CACBCE, #E5E5E6, #F96743; accent #F96743. File: https://sitepeel.dev/design-md/svelte.dev/DESIGN.md
- [Twilio](https://sitepeel.dev/design-md/twilio.com/) (twilio.com): light theme; type Buffalo, Whitney SSm; colors #FFFFFF, #000D25, #7E869C, #1866EE, #DB132A, #030B5D; accent #1866EE. File: https://sitepeel.dev/design-md/twilio.com/DESIGN.md
- [TypeScript](https://sitepeel.dev/design-md/typescriptlang.org/) (typescriptlang.org): dark theme; type Segoe UI Web (West European), JetBrains Mono; colors #3178C6, #FFFFFF, #000000, #235A97, #F7CBA4; accent #3178C6. File: https://sitepeel.dev/design-md/typescriptlang.org/DESIGN.md
- [Vercel](https://sitepeel.dev/design-md/vercel.com/) (vercel.com): dark theme; type GeistSans, Geist Mono; colors #000000, #262626, #0A0A0A, #EDEDED, #A1A1A1; accent #EDEDED. File: https://sitepeel.dev/design-md/vercel.com/DESIGN.md
- [Vite](https://sitepeel.dev/design-md/vite.dev/) (vite.dev): dark theme; type APK Protocol, Inter; colors #16171D, #14121A, #FFFFFF, #BABABC, #9AC8FF, #B39AFF; accent #9AC8FF. File: https://sitepeel.dev/design-md/vite.dev/DESIGN.md
- [Vue.js](https://sitepeel.dev/design-md/vuejs.org/) (vuejs.org): dark theme; type Inter var experimental; colors #1A1A1A, #2F2F2F, #242424, #E1E1E1, #AAC8E4, #42D392; accent #42D392. File: https://sitepeel.dev/design-md/vuejs.org/DESIGN.md

## UI and animation libraries (7)

- [GSAP](https://sitepeel.dev/design-md/gsap.com/) (gsap.com): dark theme; type Mori; colors #0E100F, #000000, #FFFCE1, #FEC5FB, #9D95FF, #FF8709; accent #FFFCE1. File: https://sitepeel.dev/design-md/gsap.com/DESIGN.md
- [Motion](https://sitepeel.dev/design-md/motion.dev/) (motion.dev): dark theme; type TASA Orbiter; colors #080808, #0E1312, #000000, #EDEBE5, #979D97, #FBD509; accent #FBD509. File: https://sitepeel.dev/design-md/motion.dev/DESIGN.md
- [MUI](https://sitepeel.dev/design-md/mui.com/) (mui.com): dark theme; type General Sans, IBM Plex Sans; colors #0F1214, #3B3B3B, #303840, #FFFFFF, #CCE6FF, #0073E6; accent #0073E6. File: https://sitepeel.dev/design-md/mui.com/DESIGN.md
- [Radix UI](https://sitepeel.dev/design-md/radix-ui.com/) (radix-ui.com): dark theme; type adobeTextPro; colors #111113, #EDEEF0, #B0B4BA, #3E63DD, #9EB1FF; accent #EDEEF0. File: https://sitepeel.dev/design-md/radix-ui.com/DESIGN.md
- [shadcn/ui](https://sitepeel.dev/design-md/ui.shadcn.com/) (ui.shadcn.com): dark theme; type Geist; colors #0A0A0A, #262626, #171717, #FAFAFA, #A1A1A1, #E5E5E5; accent #E5E5E5. File: https://sitepeel.dev/design-md/ui.shadcn.com/DESIGN.md
- [Storybook](https://sitepeel.dev/design-md/storybook.js.org/) (storybook.js.org): dark theme; type Nunito Sans; colors #0D1026, #020617, #0F172A, #FFFFFF, #94A3B8, #029CFD; accent #FFFFFF. File: https://sitepeel.dev/design-md/storybook.js.org/DESIGN.md
- [Tailwind CSS](https://sitepeel.dev/design-md/tailwindcss.com/) (tailwindcss.com): dark theme; type inter, plexMono; colors #030712, #FFFFFF, #CAD5E2, #00BCFF, #FB64B6, #74D4FF; accent #00BCFF. File: https://sitepeel.dev/design-md/tailwindcss.com/DESIGN.md

## SaaS and productivity (37)

- [37signals](https://sitepeel.dev/design-md/37signals.com/) (37signals.com): light theme; type Lab Grotesque; colors #F87917, #000000, #FFFFFF, #F87918; accent #F87918. File: https://sitepeel.dev/design-md/37signals.com/DESIGN.md
- [Airtable](https://sitepeel.dev/design-md/airtable.com/) (airtable.com): light theme; type ATSeasonSans, SF Pro Text; colors #FFFFFF, #E0DAFD, #EEF0F4, #2E2F32, #1D1F25, #944D37; accent #944D37. File: https://sitepeel.dev/design-md/airtable.com/DESIGN.md
- [Arc](https://sitepeel.dev/design-md/arc.net/) (arc.net): light theme; type Marlin Soft SQ, Marlin; colors #FFFCEC, #FFFFFF, #000000, #3139FB, #2702C2, #FF5060; accent #3139FB. File: https://sitepeel.dev/design-md/arc.net/DESIGN.md
- [Asana](https://sitepeel.dev/design-md/asana.com/) (asana.com): light theme; type TWK Lausanne; colors #FFFFFF, #F3F3F3, #FAFAFA, #0D0D0D, #3D3D3D, #FFC9FF; accent #FFC9FF. File: https://sitepeel.dev/design-md/asana.com/DESIGN.md
- [Atlassian](https://sitepeel.dev/design-md/atlassian.com/) (atlassian.com): dark theme; type Charlie Display, Charlie Text; colors #101214, #FFFFFF, #1868DB, #BAF3DB, #7EE2B8; accent #1868DB. File: https://sitepeel.dev/design-md/atlassian.com/DESIGN.md
- [Attio](https://sitepeel.dev/design-md/attio.com/) (attio.com): light theme; type interDisplay, inter; colors #FFFFFF, #FAFAFB, #242629, #2E3238, #202124, #266DF0; accent #202124. File: https://sitepeel.dev/design-md/attio.com/DESIGN.md
- [Basecamp](https://sitepeel.dev/design-md/basecamp.com/) (basecamp.com): dark theme; type Graphik; colors #131F25, #1B2930, #0B151B, #E1E5E8, #A8AFB3, #117AF3; accent #117AF3. File: https://sitepeel.dev/design-md/basecamp.com/DESIGN.md
- [Cal.com](https://sitepeel.dev/design-md/cal.com/) (cal.com): light theme; type Cal Sans, Cal Sans UI Variable Light; colors #FFFFFF, #F4F4F4, #F5F5F5, #111111, #242424, #0099FF; accent #111111. File: https://sitepeel.dev/design-md/cal.com/DESIGN.md
- [Calendly.com](https://sitepeel.dev/design-md/calendly.com/) (calendly.com): light theme; type Calendly Sans, Wulkan Text; colors #F5F3EE, #FFFFFF, #FCFBF8, #071A31, #3D464E, #C3DFFE; accent #C3DFFE. File: https://sitepeel.dev/design-md/calendly.com/DESIGN.md
- [ClickUp](https://sitepeel.dev/design-md/clickup.com/) (clickup.com): light theme; type Plus Jakarta Sans, Inter; colors #FFFFFF, #FEEFF6, #E7F9F5, #646464, #8A8A94, #FFC53D; accent #FFC53D. File: https://sitepeel.dev/design-md/clickup.com/DESIGN.md
- [Coda](https://sitepeel.dev/design-md/coda.io/) (coda.io): light theme; type Calibre-R, Inter; colors #FFFFFF, #FFF6EC, #FCFAF7, #141413, #292827, #FFE6C8; accent #FFE6C8. File: https://sitepeel.dev/design-md/coda.io/DESIGN.md
- [Craft](https://sitepeel.dev/design-md/craft.do/) (craft.do): light theme; type UntitledSerifFont, UntitledSansFont; colors #FCF9F7, #FFFFFF, #030302, #1B1B1A, #B8CAF5, #AADAF1; accent #B8CAF5. File: https://sitepeel.dev/design-md/craft.do/DESIGN.md
- [Deel](https://sitepeel.dev/design-md/deel.com/) (deel.com): light theme; type BagossExtendedFont, BagossCondensedFont; colors #FFFFFF, #F7F5F2, #1B1B1B, #212121, #5938B7, #B1D8FC; accent #5938B7. File: https://sitepeel.dev/design-md/deel.com/DESIGN.md
- [Dropbox](https://sitepeel.dev/design-md/dropbox.com/) (dropbox.com): light theme; type Sharp Grotesk, Sharp Grotesk 23; colors #F7F5F2, #FFFFFF, #1E1919, #70695E, #0061FE, #CD2F7B; accent #0061FE. File: https://sitepeel.dev/design-md/dropbox.com/DESIGN.md
- [Fastmail](https://sitepeel.dev/design-md/fastmail.com/) (fastmail.com): light theme; type roca, Proxima Nova; colors #FFFFFF, #F4F5F5, #FBF7EF, #1B1E20, #5B646C, #253859; accent #253859. File: https://sitepeel.dev/design-md/fastmail.com/DESIGN.md
- [Folk](https://sitepeel.dev/design-md/folk.app/) (folk.app): light theme; type Uxumgrotesque, Inter; colors #FFFFFF, #1F1E1C, #333333, #FFC53D, #8145B5; accent #FFC53D. File: https://sitepeel.dev/design-md/folk.app/DESIGN.md
- [HEY](https://sitepeel.dev/design-md/hey.com/) (hey.com): dark theme; type Really Sans Large, Moniker; colors #202C38, #333C47, #17212B, #ECE9E6, #8C85FF; accent #8C85FF. File: https://sitepeel.dev/design-md/hey.com/DESIGN.md
- [Lattice](https://sitepeel.dev/design-md/lattice.com/) (lattice.com): light theme; type Matter; colors #FFFFFF, #F7F6F2, #FAF9F7, #001F1F, #003D3D, #B1F0E7; accent #B1F0E7. File: https://sitepeel.dev/design-md/lattice.com/DESIGN.md
- [Linear](https://sitepeel.dev/design-md/linear.app/) (linear.app): dark theme; type Inter Variable, Berkeley Mono; colors #08090A, #121414, #0F1011, #F7F8F8, #D0D6E0, #E5E5E6; accent #E5E5E6. File: https://sitepeel.dev/design-md/linear.app/DESIGN.md
- [Loom](https://sitepeel.dev/design-md/loom.com/) (loom.com): light theme; type Charlie Display, Charlie Text; colors #FFFFFF, #E9F2FE, #F8EEFE, #101214, #292A2E, #1868DB; accent #1868DB. File: https://sitepeel.dev/design-md/loom.com/DESIGN.md
- [Make](https://sitepeel.dev/design-md/make.com/) (make.com): light theme; type Satoshi; colors #FFFFFF, #FAFAFA, #342237, #69586C, #8F4BD2, #E1B9F9; accent #8F4BD2. File: https://sitepeel.dev/design-md/make.com/DESIGN.md
- [Miro](https://sitepeel.dev/design-md/miro.com/) (miro.com): light theme; type Roobert PRO Medium, Noto Sans; colors #FFFFFF, #FDE0F0, #F0F0F0, #000000, #1C1C1E, #FDE050; accent #FDE050. File: https://sitepeel.dev/design-md/miro.com/DESIGN.md
- [monday.com](https://sitepeel.dev/design-md/monday.com/) (monday.com): light theme; type Poppins; colors #FFFFFF, #CCCCCC, #F3F4F5, #000000, #535768, #6161FF; accent #6161FF. File: https://sitepeel.dev/design-md/monday.com/DESIGN.md
- [n8n](https://sitepeel.dev/design-md/n8n.io/) (n8n.io): light theme; type n8n Baumer Uniwidth, Inter; colors #FAFAFA, #E6E6E6, #F0F0F0, #161616, #212121, #FFBCCA; accent #FFBCCA. File: https://sitepeel.dev/design-md/n8n.io/DESIGN.md
- [Notion](https://sitepeel.dev/design-md/notion.com/) (notion.com): light theme; type NotionInter; colors #FFFFFF, #E6F3FE, #F9F9F8, #0D0D0D, #1A1A1A, #0075DE; accent #0075DE. File: https://sitepeel.dev/design-md/notion.com/DESIGN.md
- [Obsidian](https://sitepeel.dev/design-md/obsidian.md/) (obsidian.md): dark theme; type system fonts; colors #0F0F0F, #404040, #1F1F1F, #EEEEEE, #BCBCBC, #A88BFA; accent #A88BFA. File: https://sitepeel.dev/design-md/obsidian.md/DESIGN.md
- [Plain](https://sitepeel.dev/design-md/plain.com/) (plain.com): light theme; type ABC Favorit Regular, ABC Favorit Medium; colors #FFFFFF, #000000, #0A2414, #1AD379, #F14A4A; accent #1AD379. File: https://sitepeel.dev/design-md/plain.com/DESIGN.md
- [Raycast](https://sitepeel.dev/design-md/raycast.com/) (raycast.com): dark theme; type Inter, Segoe UI Variable; colors #07080A, #111214, #130D0E, #FFFFFF, #9C9C9D, #FF6363; accent #FF6363. File: https://sitepeel.dev/design-md/raycast.com/DESIGN.md
- [Rippling](https://sitepeel.dev/design-md/rippling.com/) (rippling.com): dark theme; type basel; colors #4A0039, #000000, #C9B3C4, #000088, #7A005D; accent #4A0039. File: https://sitepeel.dev/design-md/rippling.com/DESIGN.md
- [Slack](https://sitepeel.dev/design-md/slack.com/) (slack.com): light theme; type Salesforce-Avant-Garde, Salesforce-Sans; colors #FFFFFF, #F9F0FF, #000000, #1D1D1D, #730394, #481A54; accent #730394. File: https://sitepeel.dev/design-md/slack.com/DESIGN.md
- [Superhuman](https://sitepeel.dev/design-md/superhuman.com/) (superhuman.com): light theme; type Super Sans VF; colors #FFFFFF, #F2F0EB, #F7F5F2, #292827, #666665, #714CB6; accent #714CB6. File: https://sitepeel.dev/design-md/superhuman.com/DESIGN.md
- [Todoist](https://sitepeel.dev/design-md/todoist.com/) (todoist.com): light theme; type Graphik, Inter; colors #FEFDFC, #F9F7F6, #FFFFFF, #25221E, #6F6D6A, #E34432; accent #E34432. File: https://sitepeel.dev/design-md/todoist.com/DESIGN.md
- [Trello](https://sitepeel.dev/design-md/trello.com/) (trello.com): light theme; type Charlie Display, Charlie Text; colors #F4F5F7, #FFFFFF, #F0F0F0, #091E42, #172B4D, #0065FF; accent #0065FF. File: https://sitepeel.dev/design-md/trello.com/DESIGN.md
- [Twenty](https://sitepeel.dev/design-md/twenty.com/) (twenty.com): light theme; type aleo, hostGrotesk; colors #F4F4F4, #F9F9F9, #EEF4F1, #1C1C1C, #333333, #FF5F57; accent #1C1C1C. File: https://sitepeel.dev/design-md/twenty.com/DESIGN.md
- [Typefully](https://sitepeel.dev/design-md/typefully.com/) (typefully.com): dark theme; type Inter, inter-arrows-subset; colors #111418, #282B31, #C4C9D4, #8B94A7, #199AF5, #00E5CC; accent #199AF5. File: https://sitepeel.dev/design-md/typefully.com/DESIGN.md
- [Zapier](https://sitepeel.dev/design-md/zapier.com/) (zapier.com): light theme; type Degular Display, Inter; colors #FFFEFB, #ECEAE3, #F8F4F0, #201515, #36342E, #FF4F00; accent #FF4F00. File: https://sitepeel.dev/design-md/zapier.com/DESIGN.md
- [Zoom](https://sitepeel.dev/design-md/zoom.us/) (zoom.us): light theme; type Newsreader, Inter; colors #FFFFFF, #E6F0FF, #F3F8FF, #00053D, #181819, #0B5CFF; accent #0B5CFF. File: https://sitepeel.dev/design-md/zoom.us/DESIGN.md

## Fintech and payments (13)

- [Brex](https://sitepeel.dev/design-md/brex.com/) (brex.com): light theme; type inter; colors #FFFFFF, #F3F3F7, #F9F9FB, #15191E, #60646C, #FF3D00; accent #FF3D00. File: https://sitepeel.dev/design-md/brex.com/DESIGN.md
- [Family](https://sitepeel.dev/design-md/family.co/) (family.co): light theme; type Family, Inter; colors #FFFFFF, #F6F4EF, #FBFAF9, #474645, #343433, #0090FF; accent #0090FF. File: https://sitepeel.dev/design-md/family.co/DESIGN.md
- [Lemonsqueezy](https://sitepeel.dev/design-md/lemonsqueezy.com/) (lemonsqueezy.com): dark theme; type Circularpro book, Inter; colors #5423E7, #FFFFFF, #121217, #7047EB; accent #5423E7. File: https://sitepeel.dev/design-md/lemonsqueezy.com/DESIGN.md
- [Mercury](https://sitepeel.dev/design-md/mercury.com/) (mercury.com): dark theme; type arcadiaDisplay, arcadia; colors #171721, #1E1E2A, #EDEDF3, #C3C3CC, #5266EB; accent #5266EB. File: https://sitepeel.dev/design-md/mercury.com/DESIGN.md
- [Monzo](https://sitepeel.dev/design-md/monzo.com/) (monzo.com): light theme; type MonzoSansDisplay, MonzoSansText; colors #FFFFFF, #F2F8F3, #6B747B, #091723, #FF4F40, #EAA240; accent #FF4F40. File: https://sitepeel.dev/design-md/monzo.com/DESIGN.md
- [Paddle](https://sitepeel.dev/design-md/paddle.com/) (paddle.com): light theme; type serrifCondensed, Inter; colors #F9F8F7, #E8E6E2, #FCFCFC, #1C1A15, #FFD400; accent #FFD400. File: https://sitepeel.dev/design-md/paddle.com/DESIGN.md
- [PayPal](https://sitepeel.dev/design-md/paypal.com/) (paypal.com): light theme; type PayPal Pro, PayPal Pro Text VF; colors #FFFFFF, #F5F7FA, #000000, #5E5E5E, #002991, #60CDFF; accent #002991. File: https://sitepeel.dev/design-md/paypal.com/DESIGN.md
- [Plaid](https://sitepeel.dev/design-md/plaid.com/) (plaid.com): light theme; type Plaid Sans, Cern; colors #FFFFFF, #111111, #00172E, #034049, #05565C, #CCF8FF; accent #034049. File: https://sitepeel.dev/design-md/plaid.com/DESIGN.md
- [Ramp](https://sitepeel.dev/design-md/ramp.com/) (ramp.com): light theme; type Lausanne; colors #FFFFFF, #F4F2F0, #0C0A08, #6D6C6B, #1A1919, #E4F222; accent #1A1919. File: https://sitepeel.dev/design-md/ramp.com/DESIGN.md
- [Robinhood](https://sitepeel.dev/design-md/robinhood.com/) (robinhood.com): dark theme; type Phonic, Capsule Sans Text; colors #000000, #110E08, #FFFFFF, #D9D9D9, #CCFF00; accent #CCFF00. File: https://sitepeel.dev/design-md/robinhood.com/DESIGN.md
- [Square](https://sitepeel.dev/design-md/squareup.com/) (squareup.com): light theme; type Square Sans Display VF, Exact Block; colors #FFFFFF, #F7F6F5, #000000, #707070, #004BFF, #041EEC; accent #004BFF. File: https://sitepeel.dev/design-md/squareup.com/DESIGN.md
- [Stripe](https://sitepeel.dev/design-md/stripe.com/) (stripe.com): light theme; type sohne-var; colors #FFFFFF, #F5F5FF, #F8FAFD, #061B31, #50617A, #533AFD; accent #533AFD. File: https://sitepeel.dev/design-md/stripe.com/DESIGN.md
- [Wise](https://sitepeel.dev/design-md/wise.com/) (wise.com): light theme; type Wise Sans, Inter; colors #FFFFFF, #163300, #454745, #9FE870, #054D28, #B8232B; accent #9FE870. File: https://sitepeel.dev/design-md/wise.com/DESIGN.md

## Marketing and analytics (11)

- [Amplitude](https://sitepeel.dev/design-md/amplitude.com/) (amplitude.com): light theme; type Gellix, IBM Plex Sans; colors #FFFFFF, #F5F7FA, #000000, #50565B, #1E61F0, #0052F2; accent #1E61F0. File: https://sitepeel.dev/design-md/amplitude.com/DESIGN.md
- [Buffer](https://sitepeel.dev/design-md/buffer.com/) (buffer.com): light theme; type Stolzl, Figtree; colors #FEFDFB, #213130, #4A4A45, #B0EC9C, #F3BDFF; accent #B0EC9C. File: https://sitepeel.dev/design-md/buffer.com/DESIGN.md
- [Dub](https://sitepeel.dev/design-md/dub.co/) (dub.co): light theme; type satoshi, Inter; colors #FFFFFF, #F5F5F5, #FAFAFA, #737373, #262626, #000000; accent #000000. File: https://sitepeel.dev/design-md/dub.co/DESIGN.md
- [Grammarly](https://sitepeel.dev/design-md/grammarly.com/) (grammarly.com): light theme; type matter, Matter; colors #FFFFFF, #F5F5F5, #1F243C, #0E101A, #027E6F, #4285F4; accent #027E6F. File: https://sitepeel.dev/design-md/grammarly.com/DESIGN.md
- [Hootsuite](https://sitepeel.dev/design-md/hootsuite.com/) (hootsuite.com): light theme; type Montserrat; colors #FFFFFF, #F2F4F5, #012B3A, #1F60C9, #7E48EC; accent #1F60C9. File: https://sitepeel.dev/design-md/hootsuite.com/DESIGN.md
- [HubSpot](https://sitepeel.dev/design-md/hubspot.com/) (hubspot.com): light theme; type HubSpot Serif, HubSpot Sans; colors #FFFFFF, #FCFCFA, #1F1F1F, #616161, #FF4800, #FCC6B1; accent #FF4800. File: https://sitepeel.dev/design-md/hubspot.com/DESIGN.md
- [Intercom](https://sitepeel.dev/design-md/intercom.com/) (intercom.com): light theme; type Saans, Serrif; colors #FFFFFF, #D3CEC6, #FAF9F6, #000000, #111111, #0007CB; accent #111111. File: https://sitepeel.dev/design-md/intercom.com/DESIGN.md
- [Later](https://sitepeel.dev/design-md/later.com/) (later.com): light theme; type Super X sans Display, Inter Tight; colors #FFFFFF, #F8F2EA, #FEFCFB, #000000, #FE3F00, #5124C1; accent #FE3F00. File: https://sitepeel.dev/design-md/later.com/DESIGN.md
- [Mailchimp](https://sitepeel.dev/design-md/mailchimp.com/) (mailchimp.com): light theme; type Means Web, Graphik Web; colors #FFFFFF, #F5F5F5, #000000, #231E15, #FFE01B, #004E56; accent #FFE01B. File: https://sitepeel.dev/design-md/mailchimp.com/DESIGN.md
- [Mixpanel](https://sitepeel.dev/design-md/mixpanel.com/) (mixpanel.com): light theme; type Garnett Medium, Garnett Regular; colors #FFFFFF, #F6F6F6, #FAFAFA, #1F2023, #2A2A2F, #C6B7FF; accent #1F2023. File: https://sitepeel.dev/design-md/mixpanel.com/DESIGN.md
- [PostHog](https://sitepeel.dev/design-md/posthog.com/) (posthog.com): light theme; type RoundHog; colors #EEEFE9, #FFFFFF, #374151, #111827, #F54E00, #EB9D2A; accent #F54E00. File: https://sitepeel.dev/design-md/posthog.com/DESIGN.md

## Design tools and site builders (13)

- [Descript](https://sitepeel.dev/design-md/descript.com/) (descript.com): dark theme; type brett, gamuthDisplay; colors #390A1A, #190308, #110A0D, #D1C7CB, #FFF7FD, #F73B3B; accent #F73B3B. File: https://sitepeel.dev/design-md/descript.com/DESIGN.md
- [Excalidraw](https://sitepeel.dev/design-md/excalidraw.com/) (excalidraw.com): light theme; type Times New Roman, Assistant; colors #FFFFFF, #ECECF4, #F0EFFF, #1B1B1F, #B8B8B8, #6965DB; accent #6965DB. File: https://sitepeel.dev/design-md/excalidraw.com/DESIGN.md
- [Figma](https://sitepeel.dev/design-md/figma.com/) (figma.com): light theme; type figmaSans, figmaMono; colors #FFFFFF, #000000, #00B6FF; accent #000000. File: https://sitepeel.dev/design-md/figma.com/DESIGN.md
- [Framer](https://sitepeel.dev/design-md/framer.com/) (framer.com): dark theme; type GT Walsheim Medium, Inter; colors #000000, #FFFFFF, #CCCCCC, #0099FF, #4CD963; accent #FFFFFF. File: https://sitepeel.dev/design-md/framer.com/DESIGN.md
- [LottieFiles](https://sitepeel.dev/design-md/lottiefiles.com/) (lottiefiles.com): light theme; type DM Sans LF, Inter LF; colors #FFFFFF, #FFF8E5, #FAFAFA, #09090B, #71717B, #019D91; accent #019D91. File: https://sitepeel.dev/design-md/lottiefiles.com/DESIGN.md
- [Pitch](https://sitepeel.dev/design-md/pitch.com/) (pitch.com): light theme; type Mark Pro Bold, Mark Pro Regular; colors #FFFFFF, #EBE3FE, #0C021C, #C6A5FF, #280F62, #5318EB; accent #C6A5FF. File: https://sitepeel.dev/design-md/pitch.com/DESIGN.md
- [Readymag](https://sitepeel.dev/design-md/readymag.com/) (readymag.com): dark theme; type custom 157067; colors #000000, #FFFFFF, #444444, #EC520B, #C8020A, #FF5900; accent #EC520B. File: https://sitepeel.dev/design-md/readymag.com/DESIGN.md
- [Rive](https://sitepeel.dev/design-md/rive.app/) (rive.app): dark theme; type Orbitron, Inter; colors #000000, #FFFFFF, #CCCCCC, #E6E6E6; accent #E6E6E6. File: https://sitepeel.dev/design-md/rive.app/DESIGN.md
- [Sketch](https://sitepeel.dev/design-md/sketch.com/) (sketch.com): light theme; type Reckless, InterVariable; colors #F5F5F5, #FAFAFA, #F9F9F9, #212123, #494949, #151515; accent #151515. File: https://sitepeel.dev/design-md/sketch.com/DESIGN.md
- [Spline](https://sitepeel.dev/design-md/spline.design/) (spline.design): dark theme; type Spline Sans; colors #000000, #999999, #E6E6E6, #0062FF; accent #999999. File: https://sitepeel.dev/design-md/spline.design/DESIGN.md
- [Squarespace](https://sitepeel.dev/design-md/squarespace.com/) (squarespace.com): dark theme; type Clarkson, Clarkson Serif; colors #000000, #2F2F2F, #FFFFFF; accent #FFFFFF. File: https://sitepeel.dev/design-md/squarespace.com/DESIGN.md
- [Webflow](https://sitepeel.dev/design-md/webflow.com/) (webflow.com): dark theme; type WF Visual Sans Variable; colors #080808, #171717, #FFFFFF, #ABABAB, #146EF5, #3B89FF; accent #146EF5. File: https://sitepeel.dev/design-md/webflow.com/DESIGN.md
- [wix.com](https://sitepeel.dev/design-md/wix.com/) (wix.com): light theme; type wix-madefor-display-v2, wix-madefor-text-v2; colors #FFFFFF, #000000, #514B3D, #9FEAFF, #166AEA, #1A6AFF; accent #9FEAFF. File: https://sitepeel.dev/design-md/wix.com/DESIGN.md

## Inspiration (7)

- [Are.na](https://sitepeel.dev/design-md/are.na/) (are.na): dark theme; type areal; colors #000000, #333333, #1A1A1A, #FFFFFF, #E5E5E5, #E2DFE9; accent #E2DFE9. File: https://sitepeel.dev/design-md/are.na/DESIGN.md
- [Awwwards](https://sitepeel.dev/design-md/awwwards.com/) (awwwards.com): light theme; type Inter Tight; colors #E9E9E9, #F8F8F8, #222222; accent #222222. File: https://sitepeel.dev/design-md/awwwards.com/DESIGN.md
- [Cosmos](https://sitepeel.dev/design-md/cosmos.so/) (cosmos.so): light theme; type cosmosOracle; colors #F7F5F3, #FCFBFA, #F2F1F0, #0D0D0D, #6E6A69, #4694F6; accent #0D0D0D. File: https://sitepeel.dev/design-md/cosmos.so/DESIGN.md
- [Dribbble](https://sitepeel.dev/design-md/dribbble.com/) (dribbble.com): light theme; type Mona Sans, Arial; colors #FFFFFF, #ECEBF0, #FAF9FB, #0D0C22, #524B63, #EA4C89; accent #EA4C89. File: https://sitepeel.dev/design-md/dribbble.com/DESIGN.md
- [Mobbin](https://sitepeel.dev/design-md/mobbin.com/) (mobbin.com): light theme; type saans; colors #FFFFFF, #141414, #707070; accent #141414. File: https://sitepeel.dev/design-md/mobbin.com/DESIGN.md
- [mymind](https://sitepeel.dev/design-md/mymind.com/) (mymind.com): light theme; type Avenir LT W01 45 Book1475508, Louize-Regular-205TF; colors #F9FAFC, #FFF1F1, #FFFFFF, #000000, #3A475A, #FF5924; accent #FF5924. File: https://sitepeel.dev/design-md/mymind.com/DESIGN.md
- [Savee](https://sitepeel.dev/design-md/savee.com/) (savee.com): dark theme; type saveeFont; colors #0A0A0A, #151515, #D4D4D4, #9C9C9C, #FDFDFD; accent #FDFDFD. File: https://sitepeel.dev/design-md/savee.com/DESIGN.md

## E-commerce and brands (12)

- [Allbirds](https://sitepeel.dev/design-md/allbirds.com/) (allbirds.com): light theme; type Self Modern, Geograph; colors #ECE9E2, #FFFFFF, #000000, #212121; accent #212121. File: https://sitepeel.dev/design-md/allbirds.com/DESIGN.md
- [Apple](https://sitepeel.dev/design-md/apple.com/) (apple.com): light theme; type SF Pro Display, SF Pro Text; colors #F5F5F7, #FFFFFF, #FAFAFC, #1D1D1F, #313131, #0071E3; accent #0071E3. File: https://sitepeel.dev/design-md/apple.com/DESIGN.md
- [Glossier](https://sitepeel.dev/design-md/glossier.com/) (glossier.com): light theme; type Apercu; colors #FFFFFF, #F0F0F0, #F5F5F5, #000000, #666666, #0600FF; accent #FFFFFF. File: https://sitepeel.dev/design-md/glossier.com/DESIGN.md
- [Gumroad](https://sitepeel.dev/design-md/gumroad.com/) (gumroad.com): dark theme; type ABC Favorit, Arial; colors #000000, #242423, #FFFFFF, #B3B3B3, #FF90E8; accent #FF90E8. File: https://sitepeel.dev/design-md/gumroad.com/DESIGN.md
- [IKEA](https://sitepeel.dev/design-md/ikea.com/) (ikea.com): light theme; type Omani Rial; colors #FFFEFB, #DADADA, #FFFFFF, #111111, #0058A3, #0000EE; accent #0058A3. File: https://sitepeel.dev/design-md/ikea.com/DESIGN.md
- [Nike](https://sitepeel.dev/design-md/nike.com/) (nike.com): light theme; type Nike Futura ND, Helvetica Now Text; colors #FFFFFF, #111111, #707072; accent #111111. File: https://sitepeel.dev/design-md/nike.com/DESIGN.md
- [Nothing](https://sitepeel.dev/design-md/nothing.tech/) (nothing.tech): light theme; type NType82-Regular, Ndot-Regular; colors #F4F4F4, #FFFFFF, #040404, #595A5A; accent #040404. File: https://sitepeel.dev/design-md/nothing.tech/DESIGN.md
- [Oura Ring](https://sitepeel.dev/design-md/ouraring.com/) (ouraring.com): light theme; type Editorial New, AkkuratLL; colors #F7F1E8, #FFFFFF, #000000, #4A4741, #2A72DE, #253B80; accent #2A72DE. File: https://sitepeel.dev/design-md/ouraring.com/DESIGN.md
- [Rivian](https://sitepeel.dev/design-md/rivian.com/) (rivian.com): light theme; type Liga, Adventure; colors #ECECEC, #FFFFFF, #F2F2F2, #151515, #FFAA00, #A15842; accent #FFAA00. File: https://sitepeel.dev/design-md/rivian.com/DESIGN.md
- [Shopify](https://sitepeel.dev/design-md/shopify.com/) (shopify.com): dark theme; type Shopify-Inter, ui-monospace; colors #02090A, #000000, #000A1E, #FFFFFF, #99B3AD; accent #FFFFFF. File: https://sitepeel.dev/design-md/shopify.com/DESIGN.md
- [Sonos](https://sitepeel.dev/design-md/sonos.com/) (sonos.com): light theme; type aktiv-grotesk; colors #FFFFFF, #F4F4F4, #000000, #2E2E2E; accent #000000. File: https://sitepeel.dev/design-md/sonos.com/DESIGN.md
- [teenage engineering](https://sitepeel.dev/design-md/teenage.engineering/) (teenage.engineering): dark theme; type te-20; colors #000000, #F1F2F2, #E5E5E5; accent #F1F2F2. File: https://sitepeel.dev/design-md/teenage.engineering/DESIGN.md

## Media and consumer apps (14)

- [Airbnb](https://sitepeel.dev/design-md/airbnb.com/) (airbnb.com): light theme; type Airbnb Cereal VF; colors #FFFFFF, #EBEBEB, #F2F2F2, #222222, #FF385C; accent #FF385C. File: https://sitepeel.dev/design-md/airbnb.com/DESIGN.md
- [BBC](https://sitepeel.dev/design-md/bbc.com/) (bbc.com): light theme; type BBC Reith Serif, BBC Reith Sans; colors #F8F8F8, #E6E8EA, #FFFFFF, #000000, #202224, #EB0000; accent #000000. File: https://sitepeel.dev/design-md/bbc.com/DESIGN.md
- [Booking.com](https://sitepeel.dev/design-md/booking.com/) (booking.com): light theme; type Avenir Next; colors #FFFFFF, #E7E7E7, #F5F5F5, #1A1A1A, #595959, #003B95; accent #003B95. File: https://sitepeel.dev/design-md/booking.com/DESIGN.md
- [Discord](https://sitepeel.dev/design-md/discord.com/) (discord.com): dark theme; type Abcgintodiscordnord, Abcgintodiscord; colors #1A2081, #FFFFFF, #BBBDD9, #5865F2, #161986; accent #5865F2. File: https://sitepeel.dev/design-md/discord.com/DESIGN.md
- [Duolingo](https://sitepeel.dev/design-md/duolingo.com/) (duolingo.com): light theme; type feather, duolingo-sans; colors #FFFFFF, #4B4B4B, #777777, #A5ED6E, #58CC02, #AF623C; accent #A5ED6E. File: https://sitepeel.dev/design-md/duolingo.com/DESIGN.md
- [Headspace](https://sitepeel.dev/design-md/headspace.com/) (headspace.com): light theme; type Headspace Apercu; colors #F9F4F2, #FFFFFF, #2D2C2B, #44423F, #0061EF, #1A0C54; accent #0061EF. File: https://sitepeel.dev/design-md/headspace.com/DESIGN.md
- [Netflix](https://sitepeel.dev/design-md/netflix.com/) (netflix.com): dark theme; type Netflix Sans; colors #000000, #2D2D2D, #232323, #FFFFFF, #B3B3B3, #E50914; accent #E50914. File: https://sitepeel.dev/design-md/netflix.com/DESIGN.md
- [Pinterest](https://sitepeel.dev/design-md/pinterest.com/) (pinterest.com): light theme; type Pin Sans; colors #FFFFFF, #E5E5E0, #000000, #62625B, #E60023, #4285F4; accent #E60023. File: https://sitepeel.dev/design-md/pinterest.com/DESIGN.md
- [Spotify](https://sitepeel.dev/design-md/spotify.com/) (spotify.com): dark theme; type SpotifyMixUITitle, SpotifyMixUI; colors #121212, #3B3B3B, #1F1F1F, #B3B3B3, #292929; accent #292929. File: https://sitepeel.dev/design-md/spotify.com/DESIGN.md
- [Strava](https://sitepeel.dev/design-md/strava.com/) (strava.com): light theme; type Boathouse; colors #FFFFFF, #F9F8F5, #FAFAFA, #000000, #21211F, #FC5200; accent #FC5200. File: https://sitepeel.dev/design-md/strava.com/DESIGN.md
- [Substack](https://sitepeel.dev/design-md/substack.com/) (substack.com): dark theme; type Cahuenga; colors #161718, #232525, #1B1C1D, #EEEEEE, #777777, #FF6719; accent #FF6719. File: https://sitepeel.dev/design-md/substack.com/DESIGN.md
- [The Verge](https://sitepeel.dev/design-md/theverge.com/) (theverge.com): dark theme; type polySans, fkRomanStandard; colors #131313, #313131, #000000, #FFFFFF, #E9E9E9, #3CFFD0; accent #3CFFD0. File: https://sitepeel.dev/design-md/theverge.com/DESIGN.md
- [Uber](https://sitepeel.dev/design-md/uber.com/) (uber.com): dark theme; type UberMove; colors #000000, #292929, #111111, #FFFFFF, #AFAFAF, #0000EE; accent #FFFFFF. File: https://sitepeel.dev/design-md/uber.com/DESIGN.md
- [WIRED](https://sitepeel.dev/design-md/wired.com/) (wired.com): light theme; type WiredDisplay, Apercu; colors #FFFFFF, #000000, #1A1A1A, #057DBC; accent #000000. File: https://sitepeel.dev/design-md/wired.com/DESIGN.md

## Security and privacy (3)

- [1Password](https://sitepeel.dev/design-md/1password.com/) (1password.com): dark theme; type agileSans; colors #1D1D21, #303136, #D2D2D3, #CBB88E, #145FE4; accent #CBB88E. File: https://sitepeel.dev/design-md/1password.com/DESIGN.md
- [Bitwarden](https://sitepeel.dev/design-md/bitwarden.com/) (bitwarden.com): dark theme; type Inter Variable; colors #0A171F, #FFFFFF, #F3F6F9, #0C3276, #65ABFF, #FF4E63; accent #0C3276. File: https://sitepeel.dev/design-md/bitwarden.com/DESIGN.md
- [Proton](https://sitepeel.dev/design-md/proton.me/) (proton.me): light theme; type ProtonSerif, ProtonSans; colors #FFFFFF, #4B5563, #A6ACB7, #6D4AFF, #372580; accent #6D4AFF. File: https://sitepeel.dev/design-md/proton.me/DESIGN.md

## Questions and answers

### What is a DESIGN.md file?

A plain-text design system for AI coding agents: color, type, spacing and component tokens at the top, short rules underneath. Google published the format with Stitch. Read [what DESIGN.md is and how it works](https://sitepeel.dev/guides/what-is-design-md/).

### How do I use one of these examples?

Download the file, put it in your project’s root folder and ask your agent to follow it. Setup guides: [Claude Code](https://sitepeel.dev/guides/design-md-claude-code/), [Cursor](https://sitepeel.dev/guides/design-md-cursor/), [Codex](https://sitepeel.dev/guides/design-md-codex/) and [v0, Lovable and Bolt](https://sitepeel.dev/guides/design-md-app-builders/).

### Is there a DESIGN.md template?

Any example here works as one. Pick a site close to what you are building, keep the file’s sections and change the colors, fonts and rules to your own brand.

### How do I get a DESIGN.md from a website that isn’t listed?

Paste its link into the [DESIGN.md generator](https://sitepeel.dev/design-md/). It measures the live page and writes the file in under a minute. Our guide shows [how to create a DESIGN.md from a website](https://sitepeel.dev/guides/create-design-md-from-website/).

### What is the best DESIGN.md file?

The one that matches the product you are making. A developer tool reads best with a dev tool’s file, a shop with a store’s. Good files are short: a clear palette, a type scale and a few rules.

### Are these the brands’ official design systems?

No. Each file is an independent measurement of a public page, not made or approved by the brand. Use them to learn and prototype, and don’t copy logos, names or content.

### Are the examples free?

Yes. Open, copy or download any of them, with no account.