SISTEMA GRÁFICO · VERSIÓN 0.1
Una identidad para toda la web
Literata para leer. Libre Franklin para consultar. Una interfaz sobria y una paleta de datos independiente.
Este catálogo reúne los elementos que utiliza la web. Parte de los documentos Fundamentos, Componentes base, Gráficos e Iconos entregados el 15 de octubre de 2026, con la selección tipográfica actualizada en la segunda entrega del sistema. Sus ejemplos se han utilizado como referencia visual; los resultados, los plazos y las agrupaciones mantienen la documentación verificada del proyecto.
01 · FUNDAMENTOS
Color de interfaz
Marfil, tinta y grises cálidos. El petróleo identifica las acciones y la selección. Los estados tienen rótulo y significado propios.
#FFFEFA#F5F2EA#171717#5E5A54#DDD8CE#8A847A#0F5C6E#E2EDEFLITERATA · SERIF EDITORIAL
Información que se puede leer con calma
La tipografía editorial acompaña titulares, entradillas y explicaciones. Las guías conservan una columna de lectura contenida y cifras fáciles de distinguir.
ÁÉÍÓÚ · áéíóú · Ññ · Üü · ¿? · ¡!
LIBRE FRANKLIN · INTERFAZ
Controles y datos precisos
Navegación, etiquetas de tablas, metadatos y fuentes comparten una familia de interfaz. Los controles principales tienen un área activa de al menos 44 px y foco visible al usar el teclado.
Las cifras alineadas de las tablas y herramientas usan Literata con su variante tabular. Libre Franklin se reserva a la interfaz y las etiquetas: sus archivos oficiales no incluyen la función tabular tnum. Las fuentes se sirven desde esta web.
02 · COMPONENTES
Una misma forma de consultar
03 · GRÁFICOS
Colores de las candidaturas
Los colores ayudan a reconocer cada candidatura. Las etiquetas, la tabla y las leyendas conservan su identidad; compartir color no une sus resultados ni acredita una coalición.
#1F4F8F#C3352C#4E8F2A#C4386F#6A3D8C#D0581C#138A72#B47B00#1F8FA0#8A9A12#2F6B3F#4A86BE#8C7A1E#56677F#A39100#6E8B3D#2E7D5B#8A847A04 · ICONOGRAFÍA
40 iconos funcionales
Retícula de 24 puntos, trazo coherente y color del texto. Las acciones mantienen una etiqueta visible o un nombre accesible.
8 símbolos electorales
Retícula de 32 puntos para distinguir documentos, procedimientos y cámaras. Las infografías explican su significado con texto.
Procedencia y licencias
Sistema gráfico aportado para Elecciones, versión 0.1, recibido el 15 de octubre de 2026 y actualizado con la segunda entrega, elecciones_2.zip. Los componentes se han integrado como HTML, CSS y SVG propios de la web.
Tipografías: Literata · licencia OFL y Libre Franklin · licencia OFL. Valores, estados y geometría de iconos disponibles en esta página.