# Flat design

Explore the same project workspace.

ID: flat-design
Language: en
Revision: 5
Translation source revision: 5
Canonical: https://jujin.dev/en/catalog/flat-design/

## Concept

Solid surfaces and clear labels establish hierarchy without simulated depth.

## Example

All eleven styles share a workspace: overview, three tasks, progress, and two resource notes. Follow the menu, check a task, filter Open or Done, and expand a note. Completion becomes 1 / 3 and 33%; unmatched filters show an empty message. Reset or reload restores All, three unchecked tasks, 0%, and closed notes. Solid color regions separate roles without decorative depth.

## When to choose it

Choose it for routine task management. Without depth cues, boundaries and labels must keep actions easy to recognize.

[NN/g](https://www.nngroup.com/articles/characteristics-minimalism/)