Guía de Marca
Explora los pilares visuales de la identidad de ADDIF.
Tema
Usa el interruptor para previsualizar los modos claro y oscuro.
Paleta
Colores principales y secundarios para los modos claro y oscuro.
bg
#FAFAF7
surface
#FFFFFF
primary
#4E6B57
accent
#E8E3D9
text
#1E1E1C
text-secondary
#5C5C58
Tipografía
Montserrat para encabezados combinada con Inter en los textos.
Headings
Montserrat Bold - 700
Body
Inter Regular - 400. Designed for high legibility in long-form content and accessible interfaces.
Espaciado y retícula
Sistema consistente de 8 px para mantener composiciones equilibradas.
8px
16px
24px
32px
Apply multiples of 8 px to maintain rhythm across sections and components.
Iconografía
Iconos lineales centrados en inclusión y accesibilidad.
Use outlined icons with 2 px stroke that convey inclusion, movement, and accessibility.
LeafEarthWheelchairHeartHand