grkn.dev
Logo Guidelines
Official logo assets and usage guidelines
Logo
Primary Logo
Light Mode Logo
Dark Mode Logo
Alternative Logo Colors
White Logo
Black Logo
Text Logo
Light Mode Text
Dark Mode Text
Alternative Text Logo Colors
White Text
Black Text
Text Logo with Accent
Black Text with Dot
White Text with Dot
Dark Text with Dot
Logo Usage Guidelines
- Always maintain clear space around the logo (minimum 1x logo height)
- Do not distort, rotate, or alter the logo's proportions
- Do not apply filters, shadows, or effects to the logo
- Do not place the logo on visually busy backgrounds
- Use the light logo version on dark backgrounds and dark logo version on light backgrounds
- When using the text logo with accent dot, ensure the dot color remains consistent with brand colors
Typography
Brand Font: Quantify
Quantify
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
Quantify Font - Regular
Primary Use Cases:
- Brand logo
- Headings and titles
- Call-to-action buttons
- Marketing materials
Typography Guidelines
- Use Quantify for headlines, titles, and brand identity elements
- Maintain sufficient contrast between text and background
- Keep text legible by using appropriate font sizes
- Use consistent font styling throughout branded materials
- Do not stretch or compress the font