Brand Guidelines — Logos, Colors & Typography | Massive
Massive Brand Assets & Guidelines
Download official logos, review our color palette, and follow our usage guidelines to represent Massive consistently.
Logo
Our logo is available in multiple variants for different contexts. Use the full-color version whenever possible. Choose the light or dark variant to ensure contrast on different backgrounds.
Colors
Our color palette is designed to feel bold yet approachable. The orange tones are our primary brand identifiers, while the supporting colors provide contrast and hierarchy.
- Dark Orange
#d74939: Primary accent, CTAs, emphasis - Light Orange
#ff8163: Secondary accent, gradients, highlights - Dark
#121117: Primary text, dark backgrounds - Light
#FFFFFF: Backgrounds, text on dark - Muted Blue-Gray
#607691: Secondary text, subtle icons - Green
#34d399: Machine mode accents
Typography
We use two typefaces: Outfit for display and UI text, and JetBrains Mono for code and monospaced content.
Display & UI
Outfit
Google Fonts →
The quick brown fox jumps
The quick brown fox jumps over the lazy dog. 0123456789
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz
Code & Monospace
JetBrains Mono
Google Fonts →
const data = await fetch()
{ status: 200, body: 'Hello, world!' }
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
Usage Guidelines
Follow these rules to ensure the Massive brand is represented accurately and consistently across all media.
Do
- Use official logo files from this page
- Maintain minimum clear space around the logo
- Use the light logo on dark backgrounds and vice versa
- Keep the logo proportions intact when resizing
- Use the icon mark where space is limited
Don't
- Stretch, rotate, or distort the logo
- Change the logo colors outside of the provided variants
- Add effects like drop shadows or outlines to the logo
- Place the logo on busy or low-contrast backgrounds
- Recreate the logo using different fonts or icons