Skip to content
Brand System

Four Signals

Every engineering org sends four signals. Most CTOs only listen to one or two.

PEOPLE PROCESS ARCHITECTURE MEASURE
FOUR SIGNALS

People. Process. Architecture. Measure.

Color System

Brand + Signal Palette

Orange is the brand. The four signal colors are used exclusively for content taxonomy.

--brand-orange
Brand Orange
Logo, links, CTAs, brand identity
--signal-people
People
Content taxonomy only
--signal-process
Process
Content taxonomy only
--signal-architecture
Architecture
Content taxonomy only
--signal-measure
Measure
Content taxonomy only
Typography

Font System

JetBrains Mono for headings and UI, Source Serif 4 for body text.

Headings — JetBrains Mono

Engineering Health Score

The Four Signals

Measuring What Matters

Body — Source Serif 4

Every engineering organisation sends signals — whether they realise it or not. People, Process, Architecture, and Measure are the four dimensions I use to diagnose health, guide decisions, and drive improvement. No hand-waving. No gut instinct alone. Data-driven transformation.

Code — JetBrains Mono
const signals = ['people', 'process', 'architecture', 'measure'];
signals.forEach(signal => assess(signal));
Signal System

The Four Signals

Signals are content taxonomy. Brand orange is identity. Never mix them.

People

Culture, collaboration, psychological safety, team health

Process

Delivery flow, CI/CD, planning, lean practices

Architecture

System design, coupling, modernization, cloud-native

Measure

DORA metrics, scorecards, data-driven decisions

Brand Mark

Tesseract Logo

The tesseract represents the four-dimensional nature of engineering health — all signals interconnected.

Small (28px) — Header
Medium (48px) — Footer
Large (120px) — Hero
Typography

Blockquote

Used in blog posts for pull quotes and citations. Centered text with large amber curly quotes and card background.

You can't improve what you don't measure. That same scientific rigour now drives how I assess engineering organisations.

Guidelines

Do's and Don'ts

Keep the brand system consistent across all touchpoints.

DO
  • Use brand orange for links, CTAs, the logo, and the tesseract
  • Use signal colors only for content taxonomy (section headers, accent lines)
  • Use JetBrains Mono for all headings and UI elements
  • Use Source Serif 4 for body text
  • Use CSS custom properties for all colors — never hardcode hex values
DON'T
  • Use signal colors for buttons, links, or brand elements
  • Use brand orange as a signal color
  • Use rounded corners — the design system uses sharp edges throughout
  • Use the old BaseLayout — all pages should use LandingLayout + Nav + LandingFooter