← Styleguide

Internal — Design Reference

Work Hero

The logbook's opener — paper chart grid and a records line.

Work view live ↗

00 Current

The live production component, rendered as-is — the quiet Chart-family logbook opener with the animated wave seam.

Selected Results

From Our Logbook

A few pages from a longer logbook — the kinds of partners we support and what we deliver. Names left out, results left in.

01 First Watch

The logbook opener crosses to the Band family: brand hero gradient, faint compass watermark off the right edge, translucent chip, regular-weight white serif title, and the records line in letterspaced caps. The wave crests white into the log below as live; on the real page this blue top edge would meet the blue site header directly (not simulated here).

blue band · hero gradient · compass watermark · centered · white crest seam

Selected Results

From Our Logbook

A few pages from a longer logbook — the kinds of partners we support and what we deliver. Names left out, results left in.

context — results log below

02 Wheel to Port

Split composition: the captain's wheel rides — and is cropped by — the LEFT edge of the chart while the copy holds the right column (the mirror of home's right-edge rose, so the two Chart heroes don't repeat). Orange underlines the title's last word; paper grid and the white crest into the log stay as live.

split · wheel off the left edge · chart grid · orange word mark · white crest seam

Selected Results

From Our Logbook

A few pages from a longer logbook — the kinds of partners we support and what we deliver. Names left out, results left in.

context — results log below

03 Ledger Line

The quiet ruled take: chip and records line share a hairline rule up top, the title drops to regular-weight Playfair at display scale, the sub's closing sentence gets quiet ink emphasis, and a closing rule hands off to the log's own ruled entries. No wave — the hero meets the log flush on white; adoption would either re-add the crest or drop one of the doubled rules at the seam.

typographic · ruled meta line · regular-weight serif · quiet emphasis · flat seam

Selected Results

From Our Logbook

A few pages from a longer logbook — the kinds of partners we support and what we deliver. Names left out, results left in.

context — results log below

04 Frontispiece

The logbook's title page: centered small-caps chip, heavy Playfair title over a short orange rule, and the records line set as an ornament row between flanking hairlines. Chart grid and the white crest into the log kept from live.

centered · title page · orange rule · ornament meta row · white crest seam

Selected Results

From Our Logbook

A few pages from a longer logbook — the kinds of partners we support and what we deliver. Names left out, results left in.

context — results log below

05 The Open Page

The hero as the open page itself: horizontal ledger rules replace the chart grid, an orange margin line runs the left edge, the title is written across the rules in Playfair italic, the sub's two sentences become indented log lines pitched to the ruling, and the records line lands as a rotated blue stamp. Wildcard — bends layout/motif conventions; brand palette and Playfair/Rubik only.

wildcard · ledger rules · orange margin · italic entry title · records stamp

Selected Results

From Our Logbook

A few pages from a longer logbook — the kinds of partners we support and what we deliver.

Names left out, results left in.

context — results log below