The visual + verbal system for the status page that's actually watching.
01 — Logo
The primary mark fuses the brand with the product: the owl's left eye is the Confidence dial. The monoline glyph is the single-color fallback for favicons, app tiles, and stamps.
Clear space = height of the owl's eye on all sides. Min size: glyph 24px, lockup 120px wide. Don't recolor the eye anything but amber, stretch the mark, or set the wordmark in any face but Fraunces.
02 — Color
An 80 / 15 / 5 system. Neutrals do almost all the work; cool steel & teal support; amber appears only where it means something — the moment of truth, the score, the CTA.
Confidence Score states (semantic)
Amber doubles as the brand accent and the "Watch" state — intentional: the brand lives at the edge of doubt, the place StatusOwl exists to illuminate.
03 — Typography
A real pairing, not a default. Fraunces (optical-sized, ligatures on) gives the brand a literate, considered voice. Hanken Grotesk keeps the UI crisp and modern. JetBrains Mono carries every number with tabular figures so scores never jitter.
Set Fraunces with font-feature-settings:"liga","dlig" on. Numbers in data/UI always tabular (tnum) so the Confidence dial animates without shifting.
04 — Components
Amber is reserved for the single most important action on any view. Everything else is ink, ghost, or quiet.
05 — Voice & Tone
We sound like the senior SRE everyone trusts in an incident: calm, specific, a little dry. We earn belief by being precise and honest — including about our own limits.
"Green is a claim. A Confidence Score is evidence."
Tagline: "Watchful. Wise." · Wedge line: "Know before your vendors admit it." · Category line: "The status page that's actually watching."