Tokens semânticos
Aplique este bloco num projeto shadcn novo e os componentes base já saem com a identidade Fluxr, sem override manual.
| Preview | Token | Valor | Uso |
|---|---|---|---|
| Fundo do site | |||
| Cards e painéis | |||
| Popover, dropdown | |||
| Bordas e separadores |
| Preview | Token | Valor | Uso |
|---|---|---|---|
| Texto principal | |||
| Texto de apoio | |||
| Só texto grande (4,0:1) | |||
| Texto sobre lime |
Quatro intensidades. Uso restrito a CTA e foco: glow em tudo é glow em nada.
O anel de foco é lime e é obrigatório — foco invisível é falha de acessibilidade, não decisão de estilo.
focus ring
selection
Fluxr Pro
#C3F400 / #141414
hover
Aplique este bloco num projeto shadcn novo e os componentes base já saem com a identidade Fluxr, sem override manual.
| shadcn/ui | Token Fluxr | Valor |
|---|---|---|
| #0B0F19 | ||
| #E2E8F0 | ||
| #161B28 | ||
| #E2E8F0 | ||
| #1E293B | ||
| #E2E8F0 | ||
| #C3F400 | ||
| #141414 | ||
| #161B28 | ||
| #E2E8F0 | ||
| #161B28 | ||
| #94A3B8 | ||
| #C3F400 | ||
| #141414 | ||
| #E2625A | ||
| #1F2937 | ||
| #1F2937 | ||
| #C3F400 |