029Gutter

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

Deep navy, content shown as source text in a mono with numbered lines, and vivid syntax colour doing the hierarchy.

Use it: tell your agent

make my desktop app in 029
Style 029, Gutter: app window preview
App window

The signature

Content is shown as its own source: a mono buffer with a numbered gutter on deep navy, where colour is syntax, not decoration. Pink for headings, cyan for keys, peach for numbers, violet for markers and a violet band for the current line, all on a violet title bar. A clean geometric sans runs the chrome around it.

Credit

After Nova by Panic (nova.app), chosen by the DevThrottle Design Factory Curator for its deep navy, vivid syntax colour and mono precision. Visit nova.app

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)#1B1D24
  • navy#080F24
  • navy 2#0D1633
  • violet#2D2256
  • current linergba(120,0,255,.22)
  • white / grey / dim#FFFFFF / #B3B3B3 / #878787
  • pink#EE7BD8
  • cyan#C3FDFE
  • peach#FFCBA3
  • marker violet#8C79F2
  • blue#0D8CFF
  • blueDeep#0C75D7
  • gutter#797B95

Fonts

  • DisplaySatoshi700
  • TextSatoshi400, 500, 700
  • MonoJetBrains Mono400, 700

Sign in to see the full guide

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

Sign inCreate a free account