Qual é o código hex do wearebou.com?

A cor de destaque do wearebou.com é #0a0a0a; o fundo da página é #ffffff e a cor principal do texto, #0a0a0a. Cada uma é medida na página renderizada, ou seja, é o que os visitantes veem, não um valor de um guia de estilo.

Como usar as cores do wearebou.com no Tailwind ou em CSS?

Copie as variáveis CSS ou o tema Tailwind v4 desta página, ou baixe o pacote de design: ele inclui tokens.json (design tokens W3C), tokens.css e tailwind.css com os mesmos valores.

Paleta de cores do wearebou.com: códigos hex e CSS

Paleta

7 cores

Cores	Função	Hex	RGB
`background`	Page background	`#ffffff`	`rgb(255 255 255)`
`surface`	Cards, panels, raised or recessed surfaces	`#ebebeb`	`rgb(235 235 235)`
`foreground`	Primary text	`#0a0a0a`	`rgb(10 10 10)`
`muted-foreground`	Secondary text, captions	`#858585`	`rgb(133 133 133)`
`primary`	Candidate accent (semantic role inferred)	`#0a0a0a`	`rgb(10 10 10)`
`on-primary`	Text on the accent	`#ffffff`	`rgb(255 255 255)`
`border`	Hairlines, dividers, input borders	`#ffffff`	`rgb(255 255 255)`

Variáveis CSS

Cada cor como uma custom property, nomeada pela função. O bloco escuro aparece quando o site tem tema escuro.

1:root {
2  --color-background: #ffffff;
3  --color-surface: #ebebeb;
4  --color-foreground: #0a0a0a;
5  --color-muted-foreground: #858585;
6  --color-primary: #0a0a0a;
7  --color-on-primary: #ffffff;
8  --color-border: #ffffff;
9}

Para agentes de IA

O pacote é texto puro, sem chave: busque o DESIGN.md ou entregue o pacote inteiro ao Claude Code, Cursor ou Copilot pelo servidor MCP.

curl -s https://stylepack.ai/packs/wearebou.com/DESIGN.md

A paleta de cores do wearebou.com

Paleta

Variáveis CSS

Para agentes de IA

Perguntas

Qual é o código hex do wearebou.com?

Como usar as cores do wearebou.com no Tailwind ou em CSS?