RelayCTX · Brand

Type System, version 3.5.

Three typefaces, each with a distinct role, on neutral-first surfaces. Cormorant Garamond for display, Outfit for everything UI — including the wordmark — and JetBrains Mono for Codes and metadata. Syne is retired. Teal is a touch point, never chrome.

01 · Font Overview
Cormorant Garamond Display
Context transfer.
For the way you work with AI.

Weight samples

300 italic — The session is loaded. 400 italic — The session is loaded. 500 italic — The session is loaded. 300 upright — The session is loaded. 400 upright — The session is loaded.
300i ✦ primary 400i 500i 300 upright 400 upright
Outfit Body / UI / Wordmark
Sign in to RelayCTX
Relay moves your context across sessions, tools, and teammates.
Label text Nav item

Weight samples

300 — Shared with your team. 400 — Shared with your team. 500 — Shared with your team. 600 — Shared with your team. 700 — Shared with your team.

Wordmark → Outfit 600

Since v3.4 the RelayCTX wordmark is Outfit 600 at −0.02em tracking — no dedicated display face. Syne is retired.

300 400 ✦ body 500 600 ✦ wordmark / h 700 · h1 only
JetBrains Mono Codes / Meta
QNHC2C
EYEBROW · 10PX METADATA RELAY CODE INLINE 2026-07-04T14:32:01Z · session/a8f3

Weight samples

400 — a8f3c1d · relay_session 500 — a8f3c1d · relay_session 600 — QNHC2C
400 500 600 ✦ codes
Neutral-First v3.5 principle

Type sits on neutral grey surfaces — no teal tint in the chrome. The system reads correctly in pure black & white; brand type joins next, then teal touch points last.

bg surface panel teal · touch
tokens → relay-tokens-v35.css
02 · Type Scale
Context transfer.
Display hero
Cormorant italic clamp(40–72px) 300 −0.01em
For the way you work with AI.
Display section
Cormorant italic clamp(28–48px) 300 −0.01em
Session loaded
H1 UI
Outfit 28px 700 −0.02em
Shared with your team
H2 UI
Outfit 22px 600 −0.015em
Active sessions
H3 UI
Outfit 17px 600 −0.01em
Relay moves your context across sessions, tools, and teammates. Pick up exactly where you left off.
Body
Outfit 15px 400
Context synced · 3 recipients · expires in 24 h
Body sm
Outfit 13px 400
Label · Status · Recipients
Label
Outfit 12px 500
ACTIVE SESSION · RELAY CODE
Eyebrow
JetBrains Mono 10px 500 0.12em uppercase
QNHC2C
Relay Code inline
JetBrains Mono 13px 600 0.15em accent-text
QNHC2C
Relay Code hero
JetBrains Mono 32px 600 0.18em text-bright
RelayCTX
Wordmark
Outfit 15px 600 −0.02em
03 · Pairing in Context

The canonical pairing: Cormorant italic for display, Outfit for UI. Editorial contrast up top, functional clarity everywhere else. Teal is limited to the pulse, the CTA, and the Code.

Cormorant display + Outfit UI Canonical
Context transfer

Load what you need.
Share what you've made.

Relay captures your working context — tools, tabs, decisions — and lets you drop it anywhere. Keep your team in sync without the re-explanation.

The pipe runs both ways.

Not just a handoff — a live channel. Push context forward to a new session, or pull it back into the one you're in. The relay stays open until you close it.

Your Relay Code
QNHC2C

Editorial presence from Cormorant, functional clarity from Outfit. Neutral surfaces let the teal touch points do the signalling.

04 · Wordmark & Code

Two brand-critical type moments. The wordmark is the Open Signal mark (mark colours itself via currentColor) plus an Outfit-600 wordmark. The Code is JetBrains Mono 600, uppercase, 0.15–0.18em tracked.

Wordmark lockup · Outfit 600
RelayCTX Full · ≥28px
RelayCTX Compact · 16–27px
RelayCTX Dark — mark flips to #2dd4bf via token
Relay Code · JetBrains Mono 600
QNHC2C Hero · 28px · claim screen
QNHC2C Inline · 13px · accent-text (AA)
QNHC2C Dark · panel + text-bright
05 · Pairing Rules

  • Cormorant is italic for display — never upright for body. Cormorant's upright cuts are too classical for UI text. Reserve the italic for marketing moments: hero headings, section titles, editorial pull quotes.

  • Outfit handles everything UI — and the wordmark. Nav, buttons, forms, labels, tooltips, body copy, error messages, loading states, and the RelayCTX wordmark (600 · −0.02em). Weights 300–600 are in scope; 700 for h1 only.

  • Syne is retired. The v3.3 wordmark face is gone. Do not reintroduce it, and do not treat any single moment as needing a fourth typeface — the wordmark is now Outfit 600 text, never an image.

  • JetBrains Mono is strictly Codes and metadata. Relay Codes, session IDs, timestamps, API keys, eyebrow labels. Never use it for paragraph text, headings, or marketing copy.

  • Surfaces stay neutral; teal is a touch point. Backgrounds, cards, and panels are neutral grey. Teal (--rly-accent-*) appears only on links, Codes, the mark, focus rings, button fills, and the pulse — never as chrome tint. The motion-only #00D9C8 pulse is never rendered as a static fill.

06 · Don'ts