Nerdistan Design System
El mismo lenguaje visual en el sitio, los productos y los dashboards. Acá está la paleta, los principios y los archivos para descargar.
Paleta
Professional & Corporate. Sistema de color en HSL, con soporte nativo dark/light.
Primario (verde)
#22c55e
HSL 142 71% 45%
Fondo claro
#ffffff
HSL 0 0% 100%
Fondo oscuro
#0d0d0d
HSL 0 0% 5%
Texto sobre claro
#171717
HSL 0 0% 9%
Texto sobre oscuro
#fafafa
HSL 0 0% 98%
Radio base: 0.5rem (8px)
Principios
Tokens, no valores sueltos
Todo color, radio o sombra sale de una variable. Nunca hardcodeado en un componente.
Claro y oscuro nativos
Cada pantalla funciona en ambos temas sin ajustes manuales. El oscuro no es un afterthought.
Un solo acento
El verde se usa con intención — jerarquía y llamados a la acción — no como decoración.
Cambios deliberados
La paleta no cambia como efecto secundario de otra cosa. Cada ajuste queda documentado.
Descargá los archivos
Los mismos .md que usamos nosotros. Bajalos y usalos de base en tu propio proyecto.