010Dusk

Web app style · also good for website, report, mobile-app

Deep blue-violet night with lavender-white ink, soft light-to-medium weights set slightly open, generous ruled rows, and one periwinkle pill.

Use it: tell your agent

make my web app in 010
Style 010, Dusk: app screen, 1440 wide preview
App screen, 1440 wide

The signature

Calm money. The page is a navy with a violet cast, and the text is lavender-tinted white, never pure white. Type is light to medium (360-480) with slightly positive tracking, so even figures feel unhurried. Rows are tall and ruled. Cents are quieter than dollars. Periwinkle is the single colour, and it always means 'act': the primary button, and the invoices that need you.

Credit

After Mercury (mercury.com): fintech elegance, deep navy and soft light, restrained type, generous rows. Our own re-making on fictional content, not affiliated. Visit mercury.com

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

Palette

  • navy#171721
  • deep#1E1E2A
  • raise#272735
  • ink#EDEDF3
  • soft#C3C3CC
  • dim#8E8E9C
  • linergba(112,115,147,0.22)
  • edgergba(175,178,206,0.36)
  • pillrgba(175,178,206,0.2)
  • pill-brgba(156,180,232,0.2)
  • periwinkle#5266EB

Fonts

  • DisplayDM Sans480
  • TextDM Sans360, 400, 420, 480

Sign in to see the full guide

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