Brand Guidelines
A comprehensive guide to TOPAY Foundation's visual identity and brand voice
Visual Identity
Our visual identity represents innovation, trust, and resilience in the digital economy.
Logo
Primary LogoLogo Guidelines
- Maintain clear space around the logo equal to the height of the "T" in TOPAY
- Never distort, rotate, or alter the logo's proportions
- Ensure the logo is clearly visible against its background
- Minimum size: 30px height for digital, 10mm for print
Color Palette
Primary Blue#0D7CE9RGB: 13, 124, 233
Secondary Blue#15CFF1RGB: 21, 207, 241
Dark Gray#333333RGB: 51, 51, 51
White#FFFFFFRGB: 255, 255, 255
Dark Blue#252833RGB: 37, 40, 51
Deep Blue#15192bRGB: 21, 25, 43
Color Usage
Primary Blue (#0D7CE9) is our main brand color, used for primary buttons, links, and key elements. Secondary Blue (#15CFF1) provides accent and highlights. Dark colors provide contrast and depth, while white ensures readability and clean space.
Typography
Black Ops One
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
Primary Headings & LogoInter
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
Body Text & UI ElementsTypography Guidelines
- Use Black Ops One for main headings and brand statements
- Use Inter for body text, subheadings, and UI elements
- Maintain proper hierarchy with consistent font sizes
- Ensure adequate contrast between text and background