Color
Un solo acento
Blanco, negro, escala zinc y #fe4a23. El acento se usa como señal, nunca como pintura.
Acento
#fe4a23
Usar solo como señal — dot final de un trend, estado activo, alerta, valor que necesita atención. Nunca como pintura decorativa ni como fondo de card.
accent: #fe4a23hover: #e43d1a
Escala zinc
50
#fafafa
100
#f4f4f5
200
#e4e4e7
300
#d4d4d8
400
#a1a1aa
500
#71717a
600
#52525b
700
#3f3f46
800
#27272a
900
#18181b
Cómo usar
Texto primario
Número hero $42
text-zinc-900
Texto secundario
Próximo cobro en 12 días
text-zinc-500
Texto tenue
76.123.456-7
text-zinc-400
Bordes
Cards y dividers
text-zinc-100
Backgrounds sutiles
Hover tables, fondos muted
text-zinc-50
Acento
Dot, link, alerta
text-[#fe4a23]
Jamás hacer
- ×Agregar un segundo color acento.
- ×Usar emerald / amber / red / blue / indigo / violet en cualquier componente.
- ×Pintar cards con el acento de fondo.
- ×Gradientes lineales/radiales.
- ×Text con gradient fill.
- ×Side-stripe borders (border-left color).