1. Background Ramp

bg #0c1117

surface #141b22

surface-raised #1a2330

border #2a3544

2. Text Colors

text-primary #e8ecf1

text-secondary #8a95a5

text-muted #5a6577

3. Marketing Accent Palette

accent-primary #5B9EC9

accent-ice #8AB4D0

accent-warm #C4956A

4. Semantic Accents (App Passthrough)

blue #4a8fe7

teal #2ec4a2

amber #e4a832

red #e05252

purple #9b72cf

slate #627a95

5. Archetype Palette (11 — Locked)

AEROMAX #5AACFF

KEELFLEX #FFB833

GLIDEFORM #00D4D4

IRONWIND #8898A8

BALANCECORE #A0B0C0

STORMLINE #E84848

STEELFORM #6B8CB5

GRAVITYRUN #F08030

AEROBLADE #8FD3FF

HEADFORCE #D870B0

DEEPFRAME #30B0A0

6. Typography Scale

Source Serif 4 — 700 — Hero (3.5rem / 2.5rem mobile)

Rate the boat fairly.

Source Serif 4 — 600 — Page Title (2.5rem)

The MPAE Archetype System

Source Serif 4 — 600 italic — Pull Quote (1.5rem)

Every ORC-rated boat carries a performance signature written in its certificate, hull form, rig geometry, and stability curve.

Inter — 600 — Section Header (2rem)

Eleven Performance Archetypes

Inter — 600 — Card Title (1.125rem)

AEROMAX — Pure Upwind Power

Inter — 400 — Body (1rem / 16px)

FleetEdge decomposes every result into hull contribution and crew contribution through three-authority triangulation: what the boat IS (ORC certificate), what the boat SHOULD DO (SailEdge physics), and what the boat DID (race results).

Inter — 500 — Nav Link (0.875rem)

Archetypes Dimensions For Teams For Analysts Case Studies

JetBrains Mono — 700 uppercase — Data Label (0.875rem)

COHORT PERCENTILE GPH DELTA ARCHETYPE FAMILY CONFIDENCE

JetBrains Mono — 500 — Data Value (1.125rem)

69.52th +108.1 627.4 GPH 87.2%

7. Layout Primitives

.content-wide (max-width: 1400px)

.content-wrap (max-width: 1200px) — this section

.content-narrow (max-width: 800px)

8. Component Patterns

Hero Pattern

Rate the boat fairly. The difference is the crew.

Multi-dimensional fleet analytics for ORC offshore racing.

Three data authorities. Eleven performance archetypes. One question: what did the crew contribute?

Link Colors

Primary link (accent-primary) | Hover state (accent-ice) | Warm accent (editorial only)

Footer Pattern