See an exampleGet a pilot dashboard

Brand

The badge, the colors, the type.

The logo is a № (number) badge. The idea behind everything else: a highlighter on a number you've checked.

Logo

Colors

  • Paper#F7F7F4Backgrounds
  • Ink#0F1012Text, primary buttons, focus rings
  • Highlighter#C8F169The highlight behind a number, the badge's dot
  • Stone#E6E6DELines, past bars
  • Slate#5C5F66Secondary text

Type

Bricolage Grotesque, everything

Every number, every source.

DM Mono, receipts

orders_q3.xlsx · 1,203 rows · data through Sep 28

Rules we follow

  1. The highlighter only ever sits behind ink text. Never lime text on a light background.
  2. One highlight per screen: the number that matters most.
  3. On ink backgrounds, use the inverted badge (lime square, ink N) and no other lime.
  4. Leave half a badge of space around the logo. The badge works down to 16px.