Real Brands: o design system de empresas reais que seu agente de IA lê

brands design-system brasil nubank ifood DESIGN.md

Na jornada de construção da sua marca, se inspirar no ecossistema é uma etapa importante — e com a chegada do DESIGN.md isso ficou muito fácil. Mas quando fui procurar marcas brasileiras nesse formato, não encontrei nada. Vasculhei a internet inteira: catálogos, repositórios, diretórios com centenas de marcas. Nenhum tinha uma empresa brasileira. Então resolvi criar.

O que é a seção Real Brands

São 22 marcas brasileiras — de cinco categorias — com o design system documentado no formato DESIGN.md. Cores, tipografia, espaçamento, componentes e regras de uso. Tudo num arquivo markdown que qualquer agente de IA lê antes de gerar interface.

Não é um “estilo inspirado em”. São os tokens reais, extraídos do que cada marca mostra publicamente.

As 22 marcas

Money & Payments: Nubank (NuDS), Itaú (Voxel), PicPay, Stone, Inter

Commerce: Mercado Livre, iFood (Pomodoro), Magazine Luiza, Natura (Gaya), Grupo Boticário (Flora.ds)

Workspace: RD Station (Tangram), Conta Azul (LCAD), Wellhub (Yoga), Hotmart (Cosmos)

Automotive & Mobility: 99, Loggi (ELKE), Embraer, GOL (Tangerina)

Infrastructure: VTEX (Shoreline), Nuvemshop (Nimbus), TOTVS (PO UI)

Entertainment & Media: Globo (Codex)

Cada uma tem página própria em /brands/{slug} com o DESIGN.md completo no HTML (crawlável por bots de IA), uma landing page fictícia como preview visual, e botões de copiar e baixar.

Como usar

  1. Vai em /brands
  2. Acha a marca que quer
  3. Clica em “Copiar DESIGN.md”
  4. Cola na raiz do seu projeto
  5. Manda o agente construir

Seu próximo componente sai com a mesma linguagem visual que milhões de pessoas reconhecem. Não porque você copiou o logo — mas porque os tokens são os mesmos.

O que vem a seguir

Mais marcas brasileiras e as internacionais mais famosas entram em breve.

Representa uma marca e prefere não estar aqui? Sem problema — é só falar com a gente pela Política de Privacidade que resolvemos rápido.

Se você é dev e quer que a gente adicione uma marca, me procure em ft.ia.br.

Acesse agora: /brands