Design systems de IA
Sistemas de design extraídos de sites de produtos, modelos e pesquisa em IA: assistentes, provedores de modelos e ferramentas de IA. Alguns combinam uma tipografia calma e editorial com paletas neutras e quentes; outros adotam o visual escuro e técnico dos produtos para desenvolvedores.
4 exemplos de DESIGN.md nesta categoria, de Anthropic, Harvey, Paperclip e xAI. Extraídos das páginas públicas de cada site. Não são diretrizes oficiais de marca. Ainda não conhece o formato? Leia o que é um DESIGN.md.
Anthropic
A identidade de design da Anthropic é contida e guiada pela tipografia, construída em torno de duas fontes personalizadas, Anthropic Serif e Anthropic Sans, sobre um fundo off-white quente (#faf9f5). A paleta é deliberadamente mínima: preto-quase-puro (#141413) sobre o off-white quente, com tons de pedra discretos para textos secundários e bordas. Títulos serifados em grande escala sustentam a voz editorial, enquanto uma seção em painel escuro (fundo quase preto com texto em tom marfim) cria um contraste dramático. A estética como um todo transmite seriedade intelectual e uma missão voltada à segurança, por meio de espaços em branco generosos, forte contraste tipográfico e ausência total de ornamentos decorativos.
Harvey
Harvey tem uma identidade tipográfica própria com duas famílias: HarveySerifFont para a autoridade editorial e HarveySansFont para a clareza funcional. A barra de navegação em preto quente (#0f0e0d) contrasta com a superfície de conteúdo em marfim fora-branco (#fafaf9). A paleta é deliberadamente monocromática, com uma escala de cinzas quentes graduada (gray-50 a gray-950) e sem cores de destaque, transmitindo confiança e contenção, adequadas a trabalhos jurídicos de alto risco. A elevação é sugerida pelo contraste entre superfícies, e não por sombras. O título principal da página usa a serifada em 72px, criando autoridade tipográfica imediata, enquanto o texto corrido e os elementos de interface usam a sans personalizada. O espaçamento segue uma grade base de 8px, com tokens de escala nomeados (xs, sm, md, xl, 2xl).
Paperclip
Paperclip é uma plataforma de gerenciamento de agentes de IA com um design ousado de fundo escuro, ancorado em um preto quase total (#0a0a0a) e texto em branco (#ffffff). O destaque do hero é uma ilustração em gradiente multicolorido de formas empilhadas em cápsula nas cores magenta, violeta, turquesa, laranja e amarelo, criando uma identidade visual cromática e energética sobre o fundo escuro. A tipografia combina Inter Tight (títulos condensados, pesados e com espaçamento entre letras negativo) com Inter (texto corrido e interface) e JetBrains Mono (código e status). O botão principal de ação é um botão branco em formato de pílula sobre fundo escuro. Um sistema de status em verde semântico (#22c55e) sinaliza os estados de agentes e tarefas em toda a interface do produto. A navegação é minimalista e plana, com uma borda inferior sutil.
xAI
xAI usa no seu site de marketing uma paleta de superfícies em tons quentes de off-white, ancorada em --color-ivory (#f9f8f6) e --color-white (#ffffff), com #0a0a0a quase preto como texto e cor de primeiro plano dominante. O sistema tipográfico se divide entre universalSansDisplay para títulos grandes (60–72px, com letter-spacing negativo e apertado), universalSans para textos de corpo e interface, e GeistMono para código e contextos de terminal. A linguagem de raios é dominada por formas de pílula com 9999px em botões de chamada para ação e tags, com 12px e 6px para cards e campos de entrada. A elevação é mínima: os cards usam uma sombra suave de múltiplas camadas, enquanto a maioria das superfícies é plana. O tom geral é técnico-premium: cor contida, espaço em branco generoso e uma forte estética de código monoespaçado que transmite credibilidade para desenvolvedores.
Não encontrou o site que procura?
Cole qualquer URL para gerar o DESIGN.md de qualquer site. Cores, tipografia, espaçamento e tokens, prontos para o seu fluxo de trabalho com IA.