Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
ironSource
MobileUnity's brand exudes gaming-focused confidence through a distinctive dual-typeface hierarchy - massive Nohemi headlines that command attention paired with clean Inter body text. The warm blue (#3a5bc7) signature color creates trust while the immersive mobile gaming imagery positions Unity as the bridge between creative vision and commercial success.
Design Identity
Signature Color
Unity Royal Blue
#3a5bc7
Gaming industry authority and developer empowerment - serious enough for enterprise, approachable enough for indie creators
Visual Identity
The oversized, rounded Nohemi typography creates an unmistakable presence - headlines that feel both friendly and authoritative, never clinical or corporate, immediately signaling this is about creativity and making, not just technology.
Component Style
Generously rounded buttons with substantial padding feel inviting and game-like. The primary CTA uses a vibrant blue with clean white text, while secondary actions use subtle outlines. Everything feels tactile and approachable rather than sharp or minimal.
Spacing Philosophy
Breathing room dominates - large gaps between sections create a premium, uncluttered experience. Statistics are given massive space to breathe, while the hero content gets center stage without competing elements cramping the composition.
Design Principles
- Headlines use Nohemi at massive scales (102px) with 500 weight for maximum impact
- Body text stays consistently at Inter 16px/400 weight for readability
- Blue accent color (#3a5bc7) anchors all interactive elements
- Generous padding on CTAs (estimated 16px vertical, 32px horizontal)
- Statistics get isolated presentation with ample whitespace
Target Audience
Game developers and studios ranging from solo indie creators to enterprise teams who want to monetize their creative work and scale their games into sustainable businesses
Mood
Design descriptions are AI-generated based on visual analysis and may not fully reflect the brand's official design guidelines.
Design System
Typography Scale
| Element | Font | Size | Weight | Line Height |
|---|---|---|---|---|
| body | 16px | 400 | 24px | |
| h1 | 102px | 500 | 102px | |
| h2 | 48px | 500 | 60px | |
| h3 | 20px | 500 | 30px | |
| h5 | 14px | 400 | 21px | |
| p | 20px | 400 | 30px | |
| a | 16px | 400 | 24px | |
| button | 16px | 400 | 24px | |
| nav | 16px | 400 | 24px | |
| header | 16px | 400 | 24px |
Color Palette
#cccccc#0a5cf5#000000#1d1d1d#d2efdf#f5f5f5#e6e6e6#2b4fca#242424#fcfcfc#ffffff#3338d4
