Brand OS · v4.1 · Messaging, Visual & Graphics

Reference

Same Brand, Different Flair

TL;DR

Every Workzone page should feel like family without being a clone. The family look comes from a fixed core that never changes. The flair comes from a few levers you are free to move.

01

Core and levers

Never changes

The core

  • Archivo Black headlines; Poppins for the rest.
  • Hard edges, radius 0.
  • The ink offset shadow: no blur, down and right.
  • 2px ink borders.
  • The exact tokens, one shade per color.
  • Text is ink, navy, or white, never grey.
  • White text on navy and green fills; orange for the one action.

Move for flair

The levers

  • Which color leads the page.
  • Layout shape: centered card, full-bleed, or grid.
  • Content density: airy or packed, always inside the same 8px ink-shadow panels.
  • Slab: orange or ink, tilted or straight.
  • Density: airy or packed.
02

The same trick across recent builds

BuildLead colorLayoutCharacter
Cannibalization DeskOrangeCentered cardPunchy gate
Cannibalization DecisionsBlue and navyTwo big buttonsPick a side
MCP ShortlistNavyGrid appSerious, dense
Connector BuddyBlueGuided finderBright, helpful
Rebrand siteAll fourFull-bleedEverything on
03

Slab choice is contextual

Marketing gets the tilt.

About two degrees, one direction, reserved for marketing and hero moments.

Tools keep it straight.

Product and tool UI stays aligned. Never mix tilted and straight slabs in one view.