# Real Brands — DESIGN.md de marcas reais para IA

> Marcas reais. Pegamos o CSS público e transformamos em DESIGN.md.

## O Que São Real Brands?

Real Brands são arquivos DESIGN.md feitos por engenharia reversa do CSS público de empresas conhecidas. Analisamos as folhas de estilo reais que os navegadores baixam quando você acessa sites como nubank.com.br, ifood.com.br, stripe.com e apple.com — e convertemos os padrões visuais em arquivos DESIGN.md estruturados.

## Como Usar

1. **Copie o arquivo** — Escolha uma marca. Baixe o DESIGN.md dela. Jogue na raiz do seu projeto.
2. **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.
3. **Entregue com fidelidade visual** — O agente gera UI que respeita a linguagem visual da marca.

## Marcas Disponíveis

- **Nubank** — Fintech brasileira, roxo (#820AD1)
- **iFood** — Delivery de comida brasileiro, vermelho
- **Itaú** — Banco brasileiro, laranja
- **Stripe** — Pagamentos global, roxo/azul
- **Apple** — Gigante de tecnologia, minimalista
- **Santander** — Banco global, vermelho
- **E muito mais...**

## 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.

## Aviso Legal

Estes arquivos DESIGN.md são referências criadas pela comunidade, extraídas de CSS publicamente disponível. Não são documentos oficiais de design system e não são endossados pelas respectivas marcas. Use-os para aprendizado, prototipação e referência.

## Recursos Relacionados

- https://designmd.app.br/library — Mais de 759 design systems criados do zero
- https://designmd.app.br/guides — Guias de configuração para agentes de IA
- https://designmd.app.br/faq — Perguntas comuns

---
Fonte: https://designmd.app.br/brands