Flat
Two-dimensional style without shadows, gradients and volume. Bright colors, simple forms, maximum functionality.
Archetypes
3Colors
5Compositions
2Brand Attributes
3Style Characteristics
• No volume
• Bright flat colors
• Simple icons
• Clear borders
• Readable typography
✓ When to Use
• For web and mobile interfaces when loading speed and clarity are important. Modern, friendly look.
✗ Avoid If
• Need depth, realism or luxury. May look too simplistic for premium brands.
Usage Examples
Mobile app
website
SaaS dashboard
website
Educational platform
website
Brand Examples
Dropbox
TechBright flat rebrand 2017
Spotify
TechFlat icons and interface
Airbnb
TechClean flat design