030Faceplate

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

Black panel, tight Swiss grotesk headlines, small white mono capitals for labels, square white outlines, and one orange key.

Use it: tell your agent

make my desktop app in 030
Style 030, Faceplate: app window preview
App window

The signature

It reads as hardware, not a web page. The ground is pure black. Headlines are a Swiss grotesk at 500 with leading below 1 and -0.03em tracking. Every label is small white mono in capitals at normal tracking. Fields and keys are square-cornered white outlines, and one solid orange key marks the active thing.

Credit

After Telepathic Instruments (telepathicinstruments.com), Typewolf Site of the Day, 5 Apr 2025. Visit telepathicinstruments.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)#2A2A2A
  • black#000000
  • white#FFFFFF
  • dimrgba(255,255,255,.55)
  • gridrgba(255,255,255,.20)
  • orange#FF6C2F

Fonts

  • DisplayGeist500
  • TextGeist400, 500
  • MonoGeist Mono400

Sign in to see the full guide

The guide is the whole recipe for Faceplate: 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