Tokens semánticos
Aplica este bloque en un proyecto shadcn nuevo y los componentes base ya salen con la identidad Fluxr, sin override manual.
| Vista previa | Token | Valor | Uso |
|---|---|---|---|
| Fondo del sitio | |||
| Cards y paneles | |||
| Popover, dropdown | |||
| Bordes y separadores |
| Vista previa | Token | Valor | Uso |
|---|---|---|---|
| Texto principal | |||
| Texto de apoyo | |||
| Solo texto grande (4,0:1) | |||
| Texto sobre lime |
Cuatro intensidades. Uso restringido a CTA y foco: glow en todo es glow en nada.
El anillo de foco es lime y es obligatorio — foco invisible es fallo de accesibilidad, no decisión de estilo.
focus ring
selection
Fluxr Pro
#C3F400 / #141414
hover
Aplica este bloque en un proyecto shadcn nuevo y los componentes base ya salen con la identidad Fluxr, sin override manual.
| shadcn/ui | Token Fluxr | Valor |
|---|---|---|
| #0e0e0f | ||
| #ffffff | ||
| #1a191b | ||
| #ffffff | ||
| #201f21 | ||
| #ffffff | ||
| #C3F400 | ||
| #141414 | ||
| #1a191b | ||
| #ffffff | ||
| #1a191b | ||
| #adaaab | ||
| #C3F400 | ||
| #141414 | ||
| #E2625A | ||
| #484849 | ||
| #484849 | ||
| #C3F400 |