026Composure

Desktop app style · also good for web-app, mobile-app, website

Cool grey and white, one blue for where you are, and a quiet monochrome glyph set that tells each list apart by fill.

Use it: tell your agent

make my desktop app in 026
Style 026, Composure: app window preview
App window

The signature

Calm comes from restraint: a cool grey sidebar against a white page, a single sans in a handful of sizes, generous fixed spacing, and almost no colour. Lists are told apart by one monochrome rounded-square glyph whose fill says the time horizon (tray = inbox, solid = today, half = this week, dashed = later, ticked = done); the one blue marks only what is current.

Credit

After Things by Cultured Code (culturedcode.com/things), chosen by the DevThrottle Design Factory Curator as the reference for calm, native desktop apps. Visit culturedcode.com

The preview is our own re-making in free fonts, with our own sample content. Nothing from the source is shown here.

Palette

  • desk (backdrop)#E6EAEE
  • sidebar#F2F5F7
  • paper#FFFFFF
  • ink#303336
  • ink-2#44474B
  • muted#55606E
  • faint#63666B
  • rule#DFE3E8
  • selected (neutral)#E3E7EC
  • accent blue#4F91FB
  • blue text#2B64C1
  • blue wash#DCE8FD
  • glyph#6B7580

Fonts

  • DisplayInter700
  • TextInter400, 500, 600

Sign in to see the full guide

The guide is the whole recipe for Composure: type sizes, colour roles, spacing, layout, components, and the rules your agent must never break. It is free with a DevThrottle account.