Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
FlixBus
TravelFlixBus embodies accessible eco-mobility through its signature vibrant lime green that radiates optimism and environmental consciousness. The brand balances adventure with reliability using Roboto's approachable geometry, creating a trustworthy yet energetic travel companion aesthetic that makes long-distance bus travel feel modern and desirable.
Design Identity
Signature Color
FlixBus Lime
#97d700
sustainable mobility optimism - making eco-friendly travel exciting and accessible
Visual Identity
The electric lime green paired with photographic hero imagery of buses in scenic landscapes, creating an immediate association between sustainable transport and wanderlust adventure
Component Style
Softly rounded corners (6px-12px) with subtle multi-layered shadows create approachable, touchable components that feel safe and reliable. Gray placeholder blocks maintain clean geometry while the lime accent creates energetic focal points.
Spacing Philosophy
Generous breathing room between major sections creates a sense of journey and destination, while compact internal spacing keeps booking interfaces efficient and scan-friendly for mobile-first travelers
Design Principles
- Lime green (#97d700) dominates all primary actions and brand moments
- Border radius stays within 3px-12px range for friendly accessibility
- Roboto at 16px/500 weight for all interactive elements
- Multi-layer shadows (6px+3px+3px) create depth without heaviness
- Gray placeholder content maintains visual weight during loading
Target Audience
Budget-conscious millennials and Gen-Z travelers who prioritize sustainability over speed and value authentic experiences over luxury convenience
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 | 34px | 700 | 40.8px | |
| h2 | 27.2px | 700 | 32px | |
| h3 | 16px | 700 | 24px | |
| h4 | 16px | 700 | 24px | |
| p | 14px | 700 | 24px | |
| a | 16px | 500 | 24px | |
| button | 16px | 500 | 24px | |
| nav | 16px | 400 | 24px | |
| header | 16px | 400 | 24px |
Color Palette
#016ae7#97d700#353535#e5f9c0#ffffff#f7f7f7#5cc500#136b00#000000#31a100#0047de#e1e1e1
