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.
02
Logo
tunnelGPT
The Warp mark
Four rings — the same circle seen at four depths — converge on a single point of Volt light. The rings are every model; the light is your answer. In motion, the rings fly toward the viewer in a continuous four-second loop, so the brand always feels like it’s travelling forward.
Ring scales1.00 · 0.72 · 0.48 · 0.27
Vanishing point(41, 23) on a 64-unit grid
Stroke5 units, thinning with depth
CoreVolt, radius 3.4
WordmarkUnbounded 700 / 800, −3% tracking
Lockups & backgrounds
tunnelGPT
Horizontal — default
tunnelGPT
Stacked — square formats
App icon
tunnelGPT
On Paper — Ink core
tunnelGPT
On Violet — mono Paper
tunnelGPT
On Volt — mono Ink
tunnelGPT
Clear space. Keep at least half the mark’s height free on every side. Nothing enters the dashed zone.
64px40px24px16px
Minimum size. 16 px for the mark, 96 px wide for the horizontal lockup. Below 24 px, use the static mark.
Don’t
✕ Stretch or squash✕ Rotate the mark✕ Recolour the rings✕ Add shadows or effects✕ Place on busy imagery
Tunnel GPT
✕ Retype the wordmark
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.