Brand Guidelines
Explore the core visual assets of the ADDIF brand.
Theme
Use the switch to preview light and dark applications.
Palette
Primary and secondary colors for light and dark modes.
bg
#FAFAF7
surface
#FFFFFF
primary
#4E6B57
accent
#E8E3D9
text
#1E1E1C
text-secondary
#5C5C58
Typography
Montserrat for headings paired with Inter for body text.
Headings
Montserrat Bold - 700
Body
Inter Regular - 400. Designed for high legibility in long-form content and accessible interfaces.
Spacing & Grid
Consistent 8px spacing system to keep layouts balanced.
8px
16px
24px
32px
Apply multiples of 8 px to maintain rhythm across sections and components.
Iconography
Line-based icon set focused on inclusion and accessibility.
Use outlined icons with 2 px stroke that convey inclusion, movement, and accessibility.
LeafEarthWheelchairHeartHand