Paleta Oficial
Lime #C3F400 como color primario. Sin color accent secundario — solo grises de alto contraste para énfasis de texto. Fondos profundos OLED.
Clic para copiar
Lime Primary
BG Body
BG Section
Text Primary
Text Muted
Nueve peldaños nombrados. Cualquier rgba() fuera de esta escalera es deuda visual.
| Vista previa | Token | Valor | Uso |
|---|---|---|---|
| wash | |||
| hover sutil | |||
| badge / chip | |||
| borda de card | |||
| glow de card | |||
| borda ativa | |||
| glow forte | |||
| overlay | |||
| quase sólido |
Success / En línea
#22c55e — Solo para estado. Nunca como color de marca.
Warning / Pendiente
#f59e0b — Alertas, estados pendientes.
Error / Offline
#ef4444 — Errores, estados críticos.
Neutral / Inactivo
#94a3b8 — Textos secundarios, estados inactivos.
La marca es dark-first, pero el tema claro existe. El lime puro #C3F400 sobre blanco da 1,29:1 — se lava. En claro el lime se divide en tres papeles, cada uno con el contraste que ese papel exige.
Relleno
Fondo de botón, badge, barra. 2,20:1 sobre blanco; texto #141414 encima da 8,36:1 (AAA).
Bordes e iconos
Contorno, icono, anillo de foco. 3,0:1 — mínimo WCAG para componente de interfaz.
Texto
Lime como LETRA sobre blanco. 4,58:1 — pasa AA para cuerpo de texto.
Empezar AhoraBotón primario en tema claro
Nunca en tema claro
#C3F400 como letra sobre blanco — 1,29:1, ilegible
#C3F400 como relleno sobre blanco — desaparece en el fondo
#135BEC
#8b5cf6
#a855f7
#40c9ff
#e81cff
#256af4
#3b82f6
Cada razón se calcula en el build a partir del hex. Si un par documentado baja de AA, el build falla.
| Par | Tema | Papel | Mínimo | ||
|---|---|---|---|---|---|
| Aa | Oscuro | texto | 18.92:1 | 4.5:1 | Texto principal sobre el fondo del sitio |
| Aa | Oscuro | texto | 7.72:1 | 4.5:1 | Subtítulos y descripciones |
| Aa | Oscuro | texto | 15.33:1 | 4.5:1 | Lime como texto de énfasis en tema oscuro |
| Aa | Oscuro | texto | 14.26:1 | 4.5:1 | Texto dentro del botón lime |
| Aa | Claro | texto | 8.35:1 | 4.5:1 | Texto sobre el relleno lime del tema claro |
| Aa | Claro | texto | 4.58:1 | 4.5:1 | Lime como LETRA sobre blanco |
| Aa | Claro | ui | 3.06:1 | 3:1 | Borde, icono y anillo de foco sobre blanco |