Real brand DESIGN.md files for AI coding agents
22 real brands. We extracted the public CSS and turned it into DESIGN.md.
All brands
22 / 22 brands
99 (Ride-hailing Brasil)
Design system for 99 (by DiDi Global), Brazil's leading ride-hailing app. Yellow primary (…
Conta Azul (LCAD)
LCAD
Design system for Conta Azul (LCAD), Brazilian financial management SaaS for SMBs. Blue pr…
Embraer
Embraer DS
Design system for Embraer, Brazilian aerospace manufacturer. Navy blue primary (#0E1C59),…
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…
Natura GaYa Design System
Gaya
Design system for Natura (Gaya DS), Brazilian cosmetics company. Organic green palette, Ro…
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…
PicPay
Design system for PicPay, Brazilian fintech serving 66M+ customers. Green primary (#21C25E…
RD Station Tangram
Tangram
Design system for RD Station (Tangram), Brazilian marketing automation platform. Blue prim…
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…
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.