← Project Hub · Design Templates
Alderan Reference →
Design Templates · Reusable Patterns

Patterns ported from the dashboard into the system library.

Reusable design elements that the dashboard, future reports, and any branded GCCP surface for the Alderan mandate can pull from. The dual-color nebula backdrop is the headline pattern — kept as a quiet workhorse for section interstitials, callout panels, and any cosmic-themed surface that needs depth without dominating the content.

§ 01 Pattern · Dual-Color Nebula Backdrop

The dual-color nebula backdrop.

Two SVG turbulence cloud filters (cyan-teal left + warm sienna right) layered on a starfield canvas. Rim-lit specular highlights give cloud volume. Designed to sit behind text without competing with it — the workhorse cosmic atmosphere for the rest of the design system.

Variation A · wide section-header banner

Variation B · square callout panel

Pull-quote

"Build the dashboard the committee will hold every quarter — verification visible, gaps named, intelligence live."

Square callout

For pull-quotes, mid-section emphasis, or any moment that wants gravitas. Verification badges, "REVIEW" marks, or italic Fraunces fragments sit well on this background.

Variation C · tall column / sidebar

Mandate

$200m

Deployment mandate · €150 m invested at 31.03.2026.

Tall column

For a single hero KPI, sidebar feature, or end-of-section closer. Works well at narrow widths because the nebula edges feather out.

Usage notes

Already used in · §02 Portfolio Overview, §05 Financial, §08 ESG of the canonical dashboard. The cover used to share this treatment before the Comet Tail port at v0.3.0; the backdrop now serves as the consistent cosmic identity in interior sections instead of the hero.

When to reach for it · section interstitials · callout / pull-quote panels · cover footer strips · any moment where cream content needs cosmic continuity without the noise of a full Hubble field.

When not · don't use behind dense data tables · keep off footnotes and small body copy · the nebulas are atmospheric, not decorative furniture for every surface.

§ 02 Pattern · Verification Badge System

The verification badge.

Non-decorative, non-traffic-light. Appears on every lease-derived figure to surface the data state. Three quiet states · never a green check.

£9·85m

ai-draft

Warm-taupe dot, 6px, with subtle glow. Today: 81 of 81 lease rows.

£1·742m

verified

No badge. The clean default — partner sign-off has lifted the draft state.

£0·420mreview

disputed

Hairline rule above the figure, "REVIEW" in small-caps terracotta mono.

LP-view rule: the ai-draft dot is visible in both Internal and LP modes (an estimate marker). The verified default appears only in Internal mode. Disputed is always visible.

§ 03 Pattern · Compass Star + Comet

Brand marks drawn from the Alderan universe.

Two SVG marks reusable as section dividers, navigational accents, or quiet branding moments throughout the system.

4-point compass star

Echoes the Alderan mark. Used in the cover subject block, section dividers, and as a small accent before eyebrow text. Inherits currentColor so it tints to whatever surface it sits on.

Comet streak — small format

The Comète motif reduced to a horizontal stripe with a glowing head. Use as a decorative line above section titles, in cover footer chips, or to mark a "movement / arrival" moment in flow. The cosmic hero of the canonical dashboard cover at full size; here at decorative scale.

§ 04 Pattern · Type Ramp

The locked type system.

Three families · one register. GCCP gold-standard, applied consistently across every Alderan-mandate surface.

Display · h1
Fraunces 300 · 48 px
Display · h2
Fraunces 400 · 32 px italic for emphasis
Display · italic lede
Fraunces 300 italic · 18 px — for section ledes
Body
Inter 400 · 14 px · for body copy and narrative blocks throughout.
Body · strong
Inter 600 · 14 px · for emphasis within body copy.
Eyebrow / tag
JetBrains Mono 600 · 11 px · .22em tracking · uppercase
Numeric · tabular
12,345 · 1,234.5 · £9.853m · 14.88% · Inter tnum
§ 05 Pattern · Palette Tokens

The colour system.

GCCP gold-standard base + Alderan cosmic accents. Cosmic teal and nebula warm are the only non-neutral tones used in body content.

GCCP base

--navy#0E1B33
--navy-deep#050B1E
--navy-2#1D274D
--blue-grey#3E4D77
--cream#F4EFE6
--vellum#E6DDC9
--bg#FAF8F2

Cosmic accents

--cosmic-nebula#B8825A
--cosmic-warm#D4A77A
--cosmic-teal#5B9BAA
--cosmic-teal-deep#3E7888

States

--good#5E7350
--warn#B8842F
--bad#9C3030