Branding Resources
Welcome to the GGBot branding resources. Here you'll find logos, colors, and typography to help you represent GGBot correctly.
Logos
Our logo represents the GGBot identity. Use it consistently across all platforms.
Logo Usage Guidelines
Do
- Use the appropriate logo for your background (light/dark)
- Maintain clear space around the logo
- Scale proportionally when resizing
- Use seasonal variants during appropriate times
Don't
- Distort, rotate, or modify the logo
- Change the logo colors
- Add effects like shadows or outlines
- Place on busy backgrounds that reduce visibility
Color Palette
Our color system ensures visual consistency across all touchpoints. We provide both light and dark theme palettes.
Light Theme
Dark Theme
Color Usage Guidelines
Do
- Use CSS variables for dynamic theming
- Maintain proper contrast ratios for accessibility
- Use color variants for hover and active states
- Respect the light/dark theme context
Don't
- Mix light and dark theme colors inappropriately
- Use colors that don't meet accessibility standards
- Override brand colors with arbitrary values
Typography
We use two carefully selected fonts to create a modern and approachable feel.
Aa Bb Cc Dd Ee Ff Gg
The quick brown fox jumps over the lazy dog
0123456789
Comfortaa
OFL
License Information
Author: Johan Aakerlund
License: OFL
Body text, paragraphs, general content
Aa Bb Cc Dd Ee Ff Gg
The quick brown fox jumps over the lazy dog
0123456789
Typography Usage Guidelines
Do
- Use Sora for headings and important UI elements
- Use Comfortaa for body text and descriptions
- Maintain consistent font weights across similar elements
Don't
- Use more than the two designated fonts
- Use extremely light or heavy weights that reduce readability
- Stretch or compress the fonts
Complete Branding Kit
Download our complete branding kit with all logos, fonts, color palettes, and guidelines in one convenient package.
