The Underwings Brand
Logos, color, typography and usage rules — everything you need to represent Underwings accurately in press, partnerships, and marketing.
Logo Variants
Pick the right lockup for the background you're placing it on. The primary green-on-dark lockup is preferred whenever possible.
Icon & Wordmark
Use the icon for favicons, app tiles, and tight spaces. Use the wordmark alone in text-heavy contexts where the icon would duplicate context.
Clear Space & Sizing
Clear Space
Keep clear space equal to the height of the icon (x) on all four sides. Never crowd the mark with type, imagery, or other logos.
120px digital 
24px icon 30mm print Minimum Size
Never reproduce the lockup below 120 px / 30 mm. Below that, use the icon alone at 24 px minimum so the "U" remains legible.
Do & Don't
Use the primary lockup on dark, high-contrast backgrounds.
Swap to the light-background lockup on any surface lighter than #F0F0F0.
Never stretch, squash, or distort the proportions of the mark.
Never rotate or tilt the logo. Keep the baseline horizontal at all times.
Never place on low-contrast or off-brand color fields. Use reversed white instead.
Never recolor the icon or wordmark outside the approved palette.
Color Palette
#24D758 Accents, CTAs, highlights #27DAB4 Gradient end, secondary accent #24D758 → #27DAB4 Headings, badges, key elements #171717 Primary background #1E1E1E Card backgrounds, sections #FFFFFF Primary text, headings Type System
abcdefghijklmnopqrstuvwxyz
0123456789
abcdefghijklmnopqrstuvwxyz
0123456789
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 a custom brand asset, reach out. For everything else, the files above are press-ready.
