Flat Design / Vector Minimalism
フラットデザイン / ベクターミニマリズム / 2010s– / Style / UI Expression
Reduces information to plain planes and color, portable across screens and media.
At a glance
Visual cues
- Uniform planes
- Simple shapes
- Few shadows
- Clear color
Best used for
- Light, understandable explanation
- Large sets of consistent figures
Use this style
Take the compact brief into a project or hand the structured version to an AI tool.
Detailed guidance and sourcesProduction rules, reference works, comparisons, research and citation formats
Dictionary entry
- Type
- A rounded sans-serif
- Composition
- Simple silhouettes and clear hierarchy
- Material
- Three to five colors; shadows only when they mean something
- Caution
- Figures easily become generic. Define your own ratios, lines and color rules.
- Further study
- Material Design / modern vector illustration
Related entries
- Mid-Century Modern (ミッドセンチュリー・モダン)Shared effects: Intimacy / Trust.Compare Flat Design / Vector Minimalism and Mid-Century Modern
- Grunge (グランジ)Editorially linked for a useful contrast.Compare Flat Design / Vector Minimalism and Grunge
Often confused with
More from UI Expression
Continue through styles in the same UI Expression family, prioritised by shared effects.
- Card UI (カードUI)Shared effects: Intimacy / Trust / Play.
- Skeuomorphism (スキューモーフィズム)Shared effects: Intimacy / Trust.
- Neubrutalism (ニューブルータリズム)Shared effects: Play / Trust.
Browse all UI Expression entries
Cite this entry
The dictionary is meant to be linked to. Take whichever form fits where you are writing.
- Link
- https://indexstyle.org/styles/flat-design
- Markdown
- [Flat Design / Vector Minimalism — IndexStyle](https://indexstyle.org/styles/flat-design)
- HTML
- <a href="https://indexstyle.org/styles/flat-design">Flat Design / Vector Minimalism — IndexStyle</a>