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.
#d74939Primary accent, CTAs, emphasis#ff8163Secondary accent, gradients, highlights#121117Primary text, dark backgrounds#FFFFFFBackgrounds, text on dark#607691Secondary text, subtle icons#34d399Machine mode accentsTypography
We use two typefaces: Outfit for display and UI text, and JetBrains Mono for code and monospaced content.
Outfit
The quick brown fox jumps
The quick brown fox jumps over the lazy dog. 0123456789
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz
JetBrains Mono
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