# Berth · Fairlead theme (visual canon)

**Codename:** Fairlead — the line runs true; the record is made fast before castoff.  
**Apex:** https://ships.one (Berth marine skins only on this host).

## North star

Innsegall-grade **trust and artifact**; **different** skin: dock ledger calm, not saga glass or yacht brochure.

| Innsegall | Berth Fairlead |
|-----------|----------------|
| Know you're okay. | Release the hold with a packet. |
| Battle Scout card | Charter return packet (PDF-shaped) |
| Fjord + aurora | Deep water + line gold (sparse) |
| Cormorant + DM Sans | Same pairing (Receipt Rail family rhythm) |

## Tokens

| Token | Value | Use |
|-------|-------|-----|
| `--bt-bg` | `#071018` | Page |
| `--bt-surface` | `#0c1a24` | Cards |
| `--bt-primary` | `#0c3d5c` | Actions, PDF titles |
| `--bt-gold` | `#c9a227` | Hairline, mark dot, highlights only |
| `--bt-font` | DM Sans | UI, body |
| `--bt-display` | Cormorant Garamond | H1, wordmark, PDF H1 |

## Motifs (subtle)

- **Running line:** 1px gold hairline under header and above footer — not rope clipart.
- **Packet:** Hero teaser links to sample return packet; product is the visual.
- **No knots** as marketing theme (12 Knots charter brand collision).

## Voice on page

- One kicker per page (`bt-kicker`), not stacked gold tags.
- Hooks live in H1 or meta; do not repeat three hooks in one viewport.
- Legal line always visible in footer.

## Guest surfaces

Footer: `Documentation tools · not survey · not USCG certification`  
Contact: `hello@ships.one`

## Mark (v5)

- `berth-icon.svg` / `favicon.svg` — geometric **B** + fairlead dot + gold waterline
- `apple-touch-icon.svg` — home screen
- `site.webmanifest` — PWA shell metadata
- Header renders mark via `berth-site.js` → `/berth-icon.svg`

## CSS version

Current: **v18** · bump `berth.css?v=N`, `berth-site.js?v=N`, `berth-telemetry.js?v=N`, and `berth-zone-glyphs.js?v=N` on app routes together on every theme pass. Telemetry canon: `BERTH_TELEMETRY_PBS_v1.md`.