DESIGN.md de marcas reais para agentes de IA
22 marcas reais. Pegamos o CSS público e transformamos em DESIGN.md.
Todas as marcas
22 / 22 brands
99 (Ride-hailing Brasil)
Design system do 99 (DiDi Global), líder em mobilidade urbana no Brasil. Amarelo primário…
Conta Azul (LCAD)
LCAD
Design system da Conta Azul (LCAD), SaaS de gestão financeira para PMEs brasileiras. Azul…
Embraer
Embraer DS
Design system da Embraer, fabricante brasileira de aeronaves. Azul navy primário (#0E1C59)…
Globo Codex (Design System)
Codex
Design system da Globo (Codex), maior conglomerado de mídia do Brasil. Vermelho primário (…
GOL Linhas Aéreas — Tangerina Design System
Tangerina
Design system da GOL Linhas Aéreas (Tangerina DS), companhia aérea low-cost brasileira. La…
Flora.ds — Grupo Boticário Design System
Flora.ds
Design system do Grupo Boticário (Flora.ds), maior conglomerado de beleza do Brasil. Verde…
Hotmart Cosmos
Cosmos
Design system da Hotmart (Cosmos), plataforma brasileira de produtos digitais e cursos onl…
iFood — Pomodoro Design System
Pomodoro
Design system do iFood (Pomodoro DS), maior plataforma de delivery do Brasil. Vermelho vib…
Inter (Inter&Co)
Design system do Inter, super app financeiro brasileiro com 43M+ clientes. Identidade lara…
Itaú Unibanco — Voxel Design System
Voxel
Design system do Itaú Unibanco, maior banco privado do Brasil. Laranja primário com azul m…
Loggi ELKE (Design System)
ELKE
Design system da Loggi (ELKE DS), plataforma brasileira de logística last-mile. Azul primá…
Magazine Luiza (Magalu)
Design system do Magazine Luiza (Magalu), líder em e-commerce marketplace no Brasil. Azul…
Mercado Livre
Andes
Design system do Mercado Livre, maior marketplace da América Latina. Identidade dual com a…
Natura GaYa Design System
Gaya
Design system da Natura (Gaya DS), empresa brasileira de cosméticos. Paleta verde orgânica…
Nubank NuDS (Nu Design System)
NuDS
Design system da Nubank, maior banco digital da América Latina com 118M+ clientes. Identid…
Nuvemshop-Nimbus-design-system
Nimbus
Design system da Nuvemshop (Nimbus), plataforma líder de e-commerce para PMEs na América L…
PicPay
Design system do PicPay, fintech brasileira com 66M+ clientes. Verde primário (#21C25E), a…
RD Station Tangram
Tangram
Design system da RD Station (Tangram), plataforma brasileira de automação de marketing. Az…
Stone Pagamentos
Design system da Stone Pagamentos (StoneCo), plataforma de tecnologia financeira líder no…
TOTVS PO UI
PO UI
Design system da TOTVS (PO UI), maior empresa de software enterprise do Brasil. Accent rox…
VTEX
Shoreline
Design system da VTEX (Shoreline), plataforma enterprise de comércio digital. Accent rosa…
Wellhub Yoga
Yoga
Design system do Wellhub (Yoga DS, antigo Gympass), plataforma corporativa de wellness. Si…
O que são Real Brands?
Real Brands são o design system de verdade. Não um estilo inspirado em. Pegamos o site da marca e extraímos o que está lá de fato — as cores exatas, as fontes que eles desenharam, o border-radius que alguém escolheu.
Como usar
Copie o arquivo
Escolha uma marca. Baixe o DESIGN.md dela. Jogue na raiz do seu projeto. Setup completo — um arquivo, zero config.
Dê o prompt pro agente
Peça pro Claude Code, Cursor ou qualquer agente montar um componente. Ele lê o DESIGN.md e aplica cores, espaçamento, tipografia e radius da marca automaticamente.
Entregue com fidelidade visual
O agente gera UI que respeita a linguagem visual da marca. Roxo Nubank (#820AD1), vermelho iFood, laranja Itaú — tudo no mesmo workflow.
Perguntas Frequentes
O que é um DESIGN.md de brand?
Um arquivo markdown estruturado que descreve o sistema visual de uma marca — cores, tipografia, espaçamento, radius, sombras — num formato que agentes de IA leem. Pense em design tokens, mas escritos pra LLMs em vez de build tools. O agente lê e gera UI como se a própria marca tivesse construído.
Posso usar o DESIGN.md da Stripe no meu projeto?
Sim, pra prototipação e referência. O DESIGN.md captura padrões visuais extraídos de CSS público — não assets proprietários. Use pra estudar como a Stripe estrutura espaçamento e cor, ou pra prototipar com um visual refinado antes de criar seu próprio sistema. Não publique como se fosse sua identidade.
As marcas brasileiras têm DESIGN.md oficial?
Não. Extraímos do CSS público — as mesmas folhas de estilo que seu browser baixa quando você acessa nubank.com.br ou ifood.com.br. Os tokens são reais (pegamos os hex values, font stacks e escalas de espaçamento), mas os arquivos não são endossados pelas marcas. São referências criadas pela comunidade.
Qual a diferença entre Library e Real Brands?
Library são design systems criados do zero pra agentes de IA — opinados, prontos pra ser a identidade visual do seu produto. Real Brands são engenharia reversa de empresas existentes. Use Library quando começa do zero. Use Real Brands quando precisa de referência, uma skin pra protótipo, ou quer estudar como uma marca de ponta estrutura seus tokens.
Este site não é afiliado, endossado ou patrocinado por nenhuma das marcas listadas. Os tokens de design apresentados foram extraídos exclusivamente de informações publicamente acessíveis (CSS visível em navegadores). Nenhum conteúdo protegido por direitos autorais é reproduzido. Se você é titular de uma marca e deseja solicitar remoção, consulte nossa Política de Privacidade — seção 9.