06 Look & Feel - UnaiMunoz/Visualist GitHub Wiki
🎨 Look & Feel
🌑 Tema Oscuro Dominante
- Fondo principal:
#0d1117(negro azulado muy oscuro) - Fondos secundarios:
#161b22y#1f2937(tonos de gris oscuro) - Texto principal:
#ffffffy#e5e5e5(blanco y gris claro para alto contraste)
Este tema oscuro busca reducir la fatiga visual y mantener una estética moderna y limpia, ideal para interfaces nocturnas o enfocadas en contenido multimedia.
🎨 Paleta de Colores
| Color | Uso principal | Código Hex |
|---|---|---|
| Azul | Botones primarios y elementos interactivos | #2563eb |
| Verde | Indicadores de estado "Visto" | #059669 |
| Rojo | Favoritos y acciones destructivas | #dc2626 |
| Grises | Jerarquía visual y fondos secundarios | Múltiples |
La paleta sigue una lógica funcional clara: colores fríos para interacción, cálidos para alerta, y neutros para soporte visual.
✍️ Tipografía y Espaciado
- Fuente principal: Inter
- Títulos:
2rem - 3rem, peso 700 - Subtítulos:
1.5rem - Texto del cuerpo:
1rem - Elementos secundarios (descripciones, ayudas):
0.875rem
El espaciado se basa en una cuadrícula modular para garantizar consistencia visual en todos los elementos. La jerarquía tipográfica permite escaneo rápido y mejora la legibilidad en contextos de alta densidad informativa.