Geniemates Brand Assets
Official logos, colors, and usage guidelines for Geniemates. Keep it minimal, black & white, and high-contrast—our NYC hustle energy, without the noise.
Logos
Monogram (GM)
For light backgrounds
For dark backgrounds
Wordmark
For light backgrounds
For dark backgrounds
Lockups (Monogram + Wordmark)
For light backgrounds
For dark backgrounds
Downloads
SVGs are resolution-independent. Use the light versions on dark backgrounds and dark versions on light backgrounds.
- Monogram (dark)/brand/gm-monogram-dark.svg
- Monogram (light)/brand/gm-monogram-light.svg
- Wordmark (black)/brand/geniemates-wordmark-black.svg
- Wordmark (white)/brand/geniemates-wordmark-white.svg
- Lockup (black)/brand/geniemates-lockup-black.svg
- Lockup (white)/brand/geniemates-lockup-white.svg
Colors
Keep the palette monochrome for a premium, editorial feel.
#000000
Black (Primary)
#0A0A0A
Text (Near-Black)
#E5E7EB
Border
#FFFFFF
Background
Typography
UI / Body: Inter or Manrope.
Accent (optional): Gugi for H1 only on the homepage; avoid using it in body or logo for readability.
Usage
Do
- Use black on light backgrounds; white on dark backgrounds.
- Maintain clear space: at least 25% of the monogram height.
- Keep minimum sizes: monogram ≥ 20px tall; wordmark ≥ 90px wide.
- Use SVGs for crisp scaling across screens.
Don't
- Don't stretch, skew, or add shadows/gradients.
- Don't change colors outside the monochrome palette.
- Don't place black logos on dark images; use the white variant.
- Don't lock the wordmark with other marks without spacing.
Favicons & App Icons
Use the monogram as your site/app icon.
// app/layout.tsx (snippet)
export const metadata = {
icons: {
icon: "/brand/gm-monogram-dark.svg",
apple: "/brand/gm-monogram-dark.svg",
},
};For brand questions or alternate formats, email support@geniemates.com.