01 · Focus
One clear thing at a time.
Large visual hierarchy and low-noise surfaces create a desktop that can recede when the work begins.
Features
Made to
disappear.
The product direction is deliberately quiet: strong hierarchy, restrained surfaces and interactions that support the task instead of competing with it.
02 · Motion
Motion with a reason.
Movement is used to explain spatial relationships, acknowledge input and make transitions feel continuous.
03+
Materials
Soft translucency and depth are used selectively, preserving hierarchy rather than turning every surface into glass.
04+
Typography
Oversized display type establishes the product voice; compact metadata and readable body copy keep the interface grounded.
05+
Accessibility
Keyboard focus, semantic structure, reduced motion, reduced transparency and responsive layouts are part of the visual system.
06+
Performance
Images are lazy-loaded where appropriate, interaction code stays lightweight and the site works without a frontend framework.
The rule
Nothing exists just to decorate.
Every large type treatment, line, image, transition and button should make the product easier to understand. When an element does not add clarity, it should get out of the way.