Lineamientos de Diseño

UNACH Design System — identidad visual, componentes y patrones de interfaz de cumplimiento obligatorio para los sistemas institucionales.

  1. 1 Introducción Propósito, alcance y audiencia de los Lineamientos de Diseño sistemas Unach.
  2. 2 Marca y logo institucional Variantes del logo UNACH, usos correctos sobre fondos y restricciones de aplicación.
  3. 3 Paleta de colores Colores principales, escalas, modo claro y oscuro, y reglas de uso del color institucional.
  4. 4 Tipografía Familias tipográficas, escala tipográfica y reglas de uso del texto en los sistemas institucionales.
  5. 5 Espaciado y grilla Sistema de espaciado basado en múltiplos de 4 px y grilla responsive por breakpoint.
  6. 6 Componentes de interfaz Tecnologías frontend base, librerías de referencia, catálogo referencial de componentes y sus estados.
  7. 7 Iconografía e imágenes Sistema de iconos Solar, tamaños por contexto de uso y reglas de aplicación.
  8. 8 Navegación y estructura de pantalla Estructura institucional de pantalla, patrones de navegación requeridos y pantallas obligatorias en todo sistema.
  9. 9 Integración con IA Descarga del skill unach-design-system e instrucciones para instalarlo en Claude Code y OpenCode.
  10. 10 Referencias y recursos Estándares y fuentes externas que respaldan los Lineamientos de Diseño sistemas Unach.