Brand Guidelines
Logo
Our logo is the visual representation of our brand. Always use the official logo provided in the assets/img/ folder. Ensure it is not stretched, distorted, or altered in any way.
Color Palette
Primary Colors
Our primary color palette forms the core of our brand identity:
- Primary Color:
#003049(Dark Blue) - Secondary Color:
#D62828(Red) - Accent Color:
#F77F00(Orange) - Highlight Color:
#FCBF49(Yellow) - Background Color:
#ffffff(White) - Text Color:
#333333(Dark Gray)
Secondary Colors
Our secondary color palette provides additional options for backgrounds, accents, and supporting elements:
- Light Blue:
#8ECAE6 - Pale Blue:
#CFE8EF - Royal Marine Green:
#005E45 - Light Sand:
#F2E8CF - Terracotta:
#E76F51 - Cool Gray:
#E0E0E0
Usage Guidelines for Secondary Colors
- Use secondary colors to complement, not replace, the primary palette
- Light Blue and Pale Blue work well for section backgrounds and callout boxes
- Royal Marine Green can be used for secondary buttons or links
- Light Sand provides a subtle alternative to white backgrounds
- Terracotta offers an alternative accent color for highlighting important elements
- Cool Gray is ideal for borders, dividers, and subtle UI elements
These colors should be used consistently across all branding materials.
Typography
We use the following fonts for our branding:
- Header Font:
UngapBlocks - Body Font:
BeneluxMedium - Fixed-width Font:
Consolas, Monaco, 'Courier New', monospace(for code and technical content)
Ensure these fonts are used in all official communications and materials.
Usage Guidelines
- Maintain a clean and professional look by using ample white space.
- Use the primary color palette and typography consistently.
- Avoid using unapproved colors or fonts.
For more details, refer to the assets provided in the assets/ folder.