Brand guidelines · v1.0 · 2026

The light at the
end of the tunnel.

How TunnelGPT looks, moves and speaks. Use these rules for anything that carries our name — product, marketing, partner materials and press.

01

Story

Every model is a different path through the same problem. TunnelGPT is where those paths converge — a single point of light where the best answer comes out the other side.

01

Converge

Every model, one place. We bring the frontier together so nobody has to choose a tab before they choose a thought.

02

Clarity

We remove noise, not options. Power is always one click away and never in the way.

03

Momentum

Fast, fluid, forward. Everything we make should feel like it’s already moving.

03

Color

Dark first. Ink is the tunnel; Violet and Cyan are its walls; Volt is the light at the end — and like any light at the end of a tunnel, it’s small and precious. Click a swatch to copy it.

Proportion

Ink 60 · Graphite 20 · Violet 8 · Cyan 6 · Paper 4 · Volt 2

Gradients

Tunnel Violet → Cyan, 110°. Headlines, the mark, key UI.
Aurora Violet → Cyan → Volt. Hero moments only.
Event horizon Volt core into Violet and Ink. Glows and backgrounds.
04

Typography

Display

Aa

Unbounded

Headlines, numbers and the wordmark. Weights 600–900, tracking −3% to −5%. Never for body copy.

Text

Aa

Inter

Body copy, interface and long reads. Weights 400–700 with default tracking.

Mono

Aa

JetBrains Mono

Labels, code, data and model names in tables. Uppercase labels get +14% tracking.

Display136 / 0.9

Every model.

Heading 168 / 1.0

One place.

Heading 260 / 1.02

Switch mid-thought.

Heading 320 / 1.25

Memory that travels

Body16 / 1.6

Hand a thread from one model to another with the full context intact.

Label12.5 / caps

Early access · v1.0

05

Motion

TunnelGPT is always moving forward. Motion should feel like travelling through depth — never bouncing, never wobbling.

01

Warp, don’t bounce

Things arrive from depth and accelerate toward you. No springs, no overshoot.

02

Stream, don’t pop

Content arrives the way AI answers do — word by word, line by line.

03

Always forward

Loops travel in one direction. Nothing rewinds, nothing shakes.

Glidecubic-bezier(.2, .8, .2, 1)UI, reveals, hovers · 300–900 ms
Warpcubic-bezier(.55, 0, 1, .45)Depth loops, the mark · 4 s
LinearlinearMarquees and streams only
Micro150 ms
UI300 ms
Reveal900 ms
Loop4 s
06

Voice

01

Clear

Short sentences, concrete words. If a ten-year-old can’t follow it, rewrite it.

02

Confident

We know the models and say what they do. No hype, no hedging.

03

Warm

Human and a little playful. Never cute, never snarky.

We say

  • Switch models mid-conversation.
  • Your workspace is reserved.
  • Every model in one place.
  • That didn’t work. Try again in a minute.

We avoid

  • Leverage our multi-LLM orchestration paradigm.
  • Congrats!!! You’re in!!! 🎉🎉🎉
  • The ultimate revolutionary AI solution.
  • Oops! Something went wrong :(

Writing the name

TunnelGPT — one word, capital T, capital GPT. The lowercase “tunnel” lives only inside the wordmark.

Tunnel GPTTunnelGptTunnel-GPTTGPT

07

Assets

Warp markAnimated SVG App iconSVG · 64 × 64
:root {
  --ink: #07070B;
  --graphite: #15151F;
  --violet: #7B61FF;
  --cyan: #2EE6D6;
  --volt: #D4FF3A;
  --paper: #F3F3F7;
  --ember: #FF5C3A;
  --grad-tunnel: linear-gradient(110deg, #7B61FF, #2EE6D6);
  --ease-glide: cubic-bezier(.2, .8, .2, 1);
  --ease-warp: cubic-bezier(.55, 0, 1, .45);
  --font-display: 'Unbounded', sans-serif;
  --font-text: 'Inter', sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
}