008Almanac

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

A soft grey canvas ruled with faint guide lines, white panels on it, a heavy tight geometric headline, and states shown as calendar-day tiles in black and grey.

Use it: tell your agent

make my web app in 008
Style 008, Almanac: app screen, 1440 wide preview
App screen, 1440 wide

The signature

Everything is monochrome, and the page is a grey drafting canvas with visible guide lines and crosshair marks at their crossings. Work sits on plain white panels with 12px corners. Headlines are heavy, round and very tightly spaced, against quiet grey text. States borrow the source's calendar: a filled dark tile is the one that needs you, a grey tile is pending, and plain grey text is done.

Credit

After Cal.com (cal.com): monochrome greys, black buttons, soft grey canvas, calendar-grid clarity. Our own re-making on fictional content, not affiliated. Visit cal.com

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

Palette

  • canvas#F4F4F4
  • card#FFFFFF
  • cell#E5E7EB
  • ink#242424
  • text#292929
  • grey#6E6E6E
  • linergba(20,20,20,0.15)
  • guide#E2E2E2
  • night#2B3441

Fonts

  • DisplayManrope700
  • TextManrope500, 600, 700

Sign in to see the full guide

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