Real brand DESIGN.md files for AI coding agents
35 real brands. We extracted the public CSS and turned it into DESIGN.md.
All brands
35 / 35 brands
99 (Ride-hailing Brasil)
Design system for 99 (by DiDi Global), Brazil's leading ride-hailing app. Yellow primary (…
Atlassian Design System
Atlassian Design System
Official design system for Atlassian, the company behind Jira, Confluence, and Trello. Tok…
Clerk
Design system for Clerk, authentication platform for developers. Purple primary (#6c47ff),…
Conta Azul (LCAD)
LCAD
Design system for Conta Azul (LCAD), Brazilian financial management SaaS for SMBs. Blue pr…
DSGov (Padrão Digital de Governo)
DSGov
The official design system of the Brazilian Federal Government used across all gov.br serv…
Embraer
Embraer DS
Design system for Embraer, Brazilian aerospace manufacturer. Navy blue primary (#0E1C59),…
Flame Design System (Santander)
Flame
Santander's global design system born in Brazil in 2019 and launched worldwide in 2021. Sa…
Globo Codex (Design System)
Codex
Design system for Globo (Codex), Brazil's largest media conglomerate. Red primary (#FF0000…
GOL Linhas Aéreas — Tangerina Design System
Tangerina
Design system for GOL Airlines (Tangerina DS), Brazilian low-cost carrier. Warm orange pri…
Flora.ds — Grupo Boticário Design System
Flora.ds
Design system for Grupo Boticário (Flora.ds), Brazil's largest beauty conglomerate. Deep g…
Hotmart Cosmos
Cosmos
Design system for Hotmart (Cosmos), Brazilian digital products and online courses platform…
iFood — Pomodoro Design System
Pomodoro
Design system for iFood (Pomodoro DS), Brazil's largest food delivery platform. Vibrant re…
Inter (Inter&Co)
Design system for Inter (formerly Banco Inter), Brazilian financial super app with 43M+ cu…
Itaú Unibanco — Voxel Design System
Voxel
Design system for Itaú Unibanco, Brazil's largest private bank. Warm orange primary with n…
Loggi ELKE (Design System)
ELKE
Design system for Loggi (ELKE DS), Brazilian last-mile logistics platform. Blue primary (#…
Magazine Luiza (Magalu)
Design system for Magazine Luiza (Magalu), Brazil's leading e-commerce marketplace. Blue p…
Mercado Livre
Andes
Design system for Mercado Livre, Latin America's largest e-commerce marketplace. Dual iden…
Mintlify
Design system for Mintlify, documentation platform for developers. Brand green that shifts…
Mondrian Design System (Claro)
Mondrian
Claro Brasil's design system present in 100% of web products and 80% of carrier apps. Clar…
Natura GaYa Design System
Gaya
Design system for Natura (Gaya DS), Brazilian cosmetics company. Organic green palette, Ro…
Nubank Marketing Site
Nubank's marketing surface captured from public CSS: violet #820AD1 held in reserve for CT…
Nubank NuDS (Nu Design System)
NuDS
Design system for Nubank, Latin America's largest digital bank with 118M+ customers. Purpl…
Nuvemshop-Nimbus-design-system
Nimbus
Design system for Nuvemshop (Nimbus), Latin America's leading e-commerce platform for SMBs…
Nuxt
Design system for Nuxt, the fullstack Vue.js framework. Electric green (#00DC82) as the ab…
olist design system
olist ds
The Olist ecosystem design system with a 3-level token architecture (base, theme, componen…
PicPay
Design system for PicPay, Brazilian fintech serving 66M+ customers. Green primary (#21C25E…
Pulso Design System (RD Saúde)
Pulso
RD Saúde's (formerly RaiaDrogasil) design system with real multi-brand theming: Raia teal…
RD Station Tangram
Tangram
Design system for RD Station (Tangram), Brazilian marketing automation platform. Blue prim…
Resend
Design system for Resend, email platform for developers. Dark minimal aesthetic with black…
Stone Pagamentos
Design system for Stone Pagamentos (StoneCo), leading Brazilian financial technology platf…
TOTVS PO UI
PO UI
Design system for TOTVS (PO UI), Brazil's largest enterprise software company. Purple acce…
Vercel — Geist Design System
Geist
Design system for Vercel with the Geist type family. Black/white aesthetic with minimalist…
VoltAgent
Design system for VoltAgent, AI agent engineering platform. Electric green (#00d992) on ne…
VTEX
Shoreline
Design system for VTEX (Shoreline), enterprise digital commerce platform. Pink/rose accent…
Wellhub Yoga
Yoga
Design system for Wellhub (Yoga DS, formerly Gympass), corporate wellness platform. Multi-…
What are Real Brands?
Real Brands are actual design systems. Not inspired-by styles. We took real brand websites and pulled out what is actually there — the exact colors, the fonts they commissioned, the border-radius someone picked.
How to use
Copy the file
Pick a brand. Download its DESIGN.md. Drop it in your project root. That's the entire setup — one file, zero config.
Prompt your agent
Tell Claude Code, Cursor, or any AI agent to build a component. It reads the DESIGN.md and applies the brand's colors, spacing, typography, and radii automatically.
Ship with brand fidelity
Your agent outputs UI that matches the brand's visual language. Nubank purple (#820AD1), iFood red, Itaú's orange — all from the same workflow.
Frequently Asked Questions
What is a brand DESIGN.md?
A structured markdown file that describes a brand's visual system — colors, typography, spacing, radii, shadows — in a format AI agents can read. Think of it as a design token file, but written for LLMs instead of build tools. The agent reads it and generates UI that looks like the brand built it.
Can I use Stripe's DESIGN.md in my project?
Yes, for prototyping and reference. The DESIGN.md captures visual patterns extracted from public CSS — not proprietary assets. Use it to study how Stripe structures spacing and color, or to prototype with a polished look before defining your own system. Don't ship it as your brand identity.
Do Brazilian brands have official DESIGN.md files?
No. We extracted these from public CSS — the same stylesheets your browser downloads when you visit nubank.com.br or ifood.com.br. The tokens are real (we pulled actual hex values, font stacks, spacing scales), but the files aren't endorsed by the brands. They're community-built references.
What's the difference between Library and Real Brands?
Library files are design systems built from scratch for AI agents — opinionated, ready to ship as your product's visual identity. Real Brands are reverse-engineered from existing companies. Use Library when you're starting fresh. Use Real Brands when you need a reference, a prototype skin, or want to study how a top-tier brand structures its tokens.
This site is not affiliated with, endorsed by, or sponsored by any of the listed brands. Design tokens shown were extracted exclusively from publicly accessible information (CSS visible in browsers). No copyrighted content is reproduced. If you are a trademark owner and wish to request removal, see our Privacy Policy — Section 9.