WIP design guide

Inspector Pop Kitchen

Working tokens and components for the new brochure direction, pulled from the Fusebox brand guide.

Fusebox Styles

Colors

Tokens

Acid

#CFFF00

Ink

#070707

Paper

#F8F5ED

Chrome

#E8E3D8

Red

#FF4B4B

Typography

Fusebox

ABC123 inspect / scan / ship

Textures

Grid

Dash

Diagonal

Icons
Icon Set

Direction: Pixelarticons-style 24px filled icons. Use crisp edges, currentColor, and ink-first contrast.

Components

Stickers and buttons

Check this!200 OKPower up

Contrast rule

Acid is a fill, highlight, or border accent. Text on paper is ink. Text on acid is ink. Text on ink is paper.

Check this!Inspect everything

Fusebox

Floating title lockup

Section system

Reusable primitives

Headers, dividers, cards, and receipts

These are the workhorse components for turning the rest of the brochure into the same inspector-pop language as the hero.

Demo 01

Verdict

Compact surface for feature grids, proof points, and repeated report objects.

  • +One answer first
  • +Actions below
  • +Evidence linked

Demo 02

Hosting

Compact surface for feature grids, proof points, and repeated report objects.

  • +Headers
  • +CNAME chain
  • +Network owner

Demo 03

Trackers

Compact surface for feature grids, proof points, and repeated report objects.

  • +Pixels
  • +Third parties
  • +Plain-English purpose