Interface system brief
Visual language
2.1 Palette:
Anchor the set on low-chroma neutrals so the product feels quiet after a long shift. Warm stone greys, a single clay accent, and two support tints for state. Nothing above roughly 60% saturation — bright fills pull attention away from the content people came for.
2.2 Type:
Pick one grotesque with a wide weight range and let hierarchy come from weight and colour before it comes from size. Reserve the two heaviest cuts for thread subjects. Body copy sits at 15–16px with a 1.6 line height so long briefs stay readable on a laptop screen.
2.3 Photography:
Favour unstaged workspace and landscape frames — daylight, real desks, no stock handshakes. Crop tight enough that the subject reads at 320px wide, and keep a consistent slightly-cool grade so images sit together in a feed instead of competing.
Reference material worth a look: