Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
99
Mobility99's brand radiates optimistic energy through its signature electric yellow paired with clean, approachable typography. The design feels warm and human-centered, using bold color blocking and generous whitespace to create a confident, trustworthy mobility platform that stands apart from typical tech sterility.
Design Identity
Signature Color
99 Electric Yellow
#FFD700
energetic mobility and accessible transportation - bright optimism that cuts through urban complexity
Visual Identity
The distinctive split-screen layout with bold yellow color blocking on the right and photographic content on the left creates an instantly recognizable asymmetrical composition that balances human warmth with digital efficiency.
Component Style
Buttons feature fully rounded corners with solid fills, no visible borders or shadows - creating soft, approachable interactive elements that feel more like friendly touches than corporate controls.
Spacing Philosophy
Generous padding around all elements creates breathing room that feels premium yet accessible, with the yellow section using ample whitespace to let the bold typography command attention without feeling cramped.
Design Principles
- Color blocking uses high-contrast splits between photographic and solid color sections
- Typography hierarchy relies on size contrast rather than weight - keeping text approachable
- Buttons use full border-radius for pill-shaped, friendly interactions
- No drop shadows or hard borders - everything feels soft and welcoming
- Yellow serves as both background and brand identifier, never as accent
Target Audience
Urban commuters and gig economy workers who value reliable, affordable transportation options with a human touch over premium luxury experiences.
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 | 72px | 400 | 80px | |
| h2 | 48px | 400 | 56px | |
| h3 | 20px | 600 | 24px | |
| h4 | 20px | 700 | 24px | |
| p | 20px | 600 | 24px | |
| a | 16px | 400 | 24px | |
| button | 16px | 400 | 24px | |
| nav | 16px | 400 | 24px | |
| header | 16px | 400 | 24px |
Color Palette
#007aff#ffffff#3355ff#212121#000000
