Brand Guidelines
Brand Guidelines
Guidelines for using the Underwings brand. Follow these rules to maintain consistency across all communications.
Logo
Primary Logo
On dark backgrounds Primary
On light backgrounds Inverted
Always maintain clear space around the logo equal to the height of the "U" character
Minimum width: 120px for digital, 30mm for print
Do not stretch, rotate, add effects, or change the logo colors
Do not place on busy backgrounds without sufficient contrast
Colors
Color Palette
Green Primary
#24D758 Accents, CTAs, highlights Teal Secondary
#27DAB4 Gradient end, secondary accent Brand Gradient
#24D758 → #27DAB4 Headings, badges, key elements Black
#171717 Primary background Dark
#1E1E1E Card backgrounds, sections White
#FFFFFF Primary text, headings Typography
Type System
Aa ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
abcdefghijklmnopqrstuvwxyz
0123456789
Geist Headings & Display
Light 300 Regular 400 Medium 500 Semi 600 Bold 700
Aa ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
abcdefghijklmnopqrstuvwxyz
0123456789
Geist Mono Body Text & UI
Light 300 Regular 400 Medium 500 Semi 600 Bold 700
H1 Display Heading Geist Light / 6rem / -0.06em
H2 Section Heading Geist Light / 3rem / -0.07em
H3 Card Heading Geist Light / 1.85rem / -0.04em
Body Body text in Geist Mono Geist Mono Medium / 1.0625rem / 1.5
Guidelines
Usage Rules
Spacing
Use 8px base grid. Components use 1.5rem (24px) gaps. Sections use 6rem (96px) vertical padding.
Border Radius
Cards and containers: 12px. Buttons and badges: 8px. Pills and tags: 4px. Avatars: 50%.
Animations
Transitions: 0.3s ease. Entrance animations: 0.5s ease with stagger. Prefer subtle over dramatic.
Tone of Voice
Confident but not arrogant. Technical but accessible. Honest and direct. No jargon for the sake of jargon.
Need Brand Assets?
For press inquiries, partnership materials, or custom brand assets, reach out to our team.
