Brand Guidelines
These guidelines define how RackGenius looks and speaks. Following them keeps our brand consistent, professional, and instantly recognizable across every platform and surface.
Our Logo Variations
The RackGenius logo is our most valuable asset. Choose the variation that gives the clearest contrast against its background, and always download the original files below rather than recreating them.
Do's & Don'ts
Consistent application protects the integrity of the mark. Keep the logo unaltered, well-spaced, and legible in every context.
Brand Colors
Purple is the heart of the RackGenius identity. Pair it with deep neutral inks for a modern, high-contrast look. Click any swatch to copy its value.
Primary Purple
Primary brand color, CTAs & accents
Primary Dark
Hover & pressed states
Secondary Blue
Gradient partner & links
Secondary Dark
Gradient partner hover
Ink
Primary surface / backgrounds
Ink Alt
Raised surfaces & cards
Zinc 950
Deepest background
Pure White
Text on dark & light surfaces
Signature Gradient
Primary CTA & hero accent
Type System
Inter is our primary typeface. Clean, geometric, and highly legible at every size, it carries every heading, paragraph, and interface label across the brand.
Inter
ABCDEFGHIJKLM · abcdefghijklm · 0123456789
Inter
The quick brown fox jumps over the lazy dog.
Wordmark & Naming
How we write our name matters as much as how we draw it. Follow these rules in copy, code, and conversation.
RackGenius
One word, camel case, capital R and capital G. This is the only correct spelling.
Rack Genius / rackgenius
Never add a space or lowercase the name in body copy or headings.
Clear space
Keep space around the logo equal to the height of the "R" so it never feels crowded.
Recoloring
Don't alter the logo's colors, add effects, or place it on low-contrast backgrounds.
Logo Clear Space
Always surround the logo with a minimum margin of clear space so it stays legible and uncluttered. The minimum is equal to the height of the icon on all sides.
Download Brand Assets
Grab the original logo files below. Please use these rather than screenshotting or recreating the mark.
Everything you need, in one place
Primary logo, light-mode logo, app icon, and social avatar, all in high resolution PNG.