← Styleguide

Internal — Design Reference

Hero & Dock

The blue band opener with the two quick-link cards docked over the seam.

Services Hub view live ↗

00 Current

The live production composition, rendered as-is — the blue band with the quick-link cards docked over the animated wave seam.

Everything On Deck

From running your office to building your brand, we cover a lot of ground — so you don’t have to hand it to five different people. Here’s how it breaks down.

01 Flat Berths

The live composition with the elevation stripped out: same blue band, same paper crest, same negative-margin pull-up — but the berths are flat ruled plates (hairline border, blue top rule, serif names, no chip, no shadow), so the dock reads as quay planking rather than floating cards.

flat ruled dock · blue top rule · no shadow · serif names · pull-up kept · paper crest

Everything On Deck

From running your office to building your brand, we cover a lot of ground — so you don’t have to hand it to five different people. Here’s how it breaks down.

context — services overview below (paper)

02 All Aboard

No pull-up: the quick links come aboard as frosted rows inside the band, under the sub, and the wave crests into the paper below completely clean — the seam reads pure, and the overview inherits an unobstructed paper top.

dock in the band · frosted rows · translucent chips · clean seam · no pull-up

Everything On Deck

From running your office to building your brand, we cover a lot of ground — so you don’t have to hand it to five different people. Here’s how it breaks down.

context — services overview below (paper)

03 The Manifest

The hub opener defects to the light Chart family: white chart grid, ink display title with the orange swipe, the compass-chart rose off the right edge — and the dock flattened into a ruled ledger, with the sub's closing sentence as its kicker. The crest turns paper-on-white; on the real page this light top would sit directly under the blue site header (not simulated here).

chart family · white grid · display title · ledger dock · orange swipe · light top edge

Everything On Deck

From running your office to building your brand, we cover a lot of ground — so you don’t have to hand it to five different people.

context — services overview below (paper)

04 Alongside

The seam stood on its end: band and dock sit alongside like ship and quay, the crest running vertically between them, and the berths pull LEFT across it — the signature move rotated 90 degrees (on narrow screens the seam lies back down between the stacked halves). The band's foot meets the paper overview as a hard edge. Wildcard — bends layout/motif conventions; brand palette and Playfair/Rubik only.

wildcard · vertical crest · split composition · leftward pull-up · hard foot

Everything On Deck

From running your office to building your brand, we cover a lot of ground — so you don’t have to hand it to five different people.

context — services overview below (paper)