Brand · Title Typography

ETU

ABCDEFGHI

JKLMNOPQR

STUVWXYZ

0123456789

Captain's log: T-minus 10!

Hover the letters · click to send a shockwave

The official treatment

Every Explore the Universe 2175 title uses the letters from the official artwork: heavy, chamfered capitals built like hull armour, with riveted silver plates peeled back to a crystalline core that leaks cyan energy. Nothing is redrawn — each letter is cut from the sheet, measured and kerned, and on the site each one is a live object that drops into place, lifts toward your cursor and rings when you click.

Letterforms: Heavy chamfered block capitals, cut straight from the official artwork
Material: Riveted silver plating peeled back to glowing cyan crystal tiles
Character set: A–Z, 0–9 and . , - : ! ’ — digits and punctuation built from letter parts
Spacing: Measured advances, even tracking and 490 optical kerning pairs
Motion: Letters drop in and land with a flash; hover lifts, click sends a shockwave
Accessibility: Real text for screen readers; reduced-motion users get a still title

Official ETU 2175 title typography reference sheet: the letters ETU above the full alphabet, in extruded silver and cyan crystal tiles — Reference artwork · /brand/etu-title-typography.webp

Optical kerning

Diagonal letters leave holes next to each other (AV, WA, LT). The extractor measures each glyph’s edge profile and tucks every pair together until its closest point keeps the same sliver of air.

WAVY TALL

Without kerning

WAVY TALL

With kerning

Sizes

Hero · text-7xl–8xl

Commander

Page title · text-5xl–6xl

Commander

Section · text-3xl, compact

Commander

Label · text-xl, compact

Commander

With fit, a title shrinks to fit its container (down to half size) instead of wrapping — use it for long hero titles. Below about 3rem, pass compact to load the 200 KB half-resolution atlas instead of the full one.

Faction energy variants

CYL

cyan · official

Megabot

amber

Mycelari

violet

Using it

import EtuTitle from '@/components/EtuTitle'

<EtuTitle as="h1" text={['Explore the', 'Universe 2175']} className="text-6xl md:text-8xl" />

// Props (defaults in brackets)
//   variant      "cyan" | "amber" | "violet"         ["cyan"]
//   fit          shrink to fit instead of wrapping   [false]
//   compact      half-resolution atlas, < ~3rem      [false]
//   kerning      optical kerning                     [true]
//   animate      any motion at all                   [true]
//   intro / stagger / interactive / glints           [true / 0.07 / true / true]

Outside the website

# PNG for social posts, Steam art, thumbnails ("|" breaks lines)
python3 scripts/render-title.py "Explore the|Universe 2175" --height 120 -o title.png
python3 scripts/render-title.py "Megabot" --bg "#05070d" --padding 32 -o megabot.png

# Regenerate the font from the reference sheet
python3 scripts/extract-title-glyphs.py

The atlas and its metrics (/brand/etu-glyphs.webp, /brand/etu-glyphs.json) are engine-agnostic: cell rectangles, advances and kerning pairs, ready to load as a bitmap font in the game.

Reserve it for page titles and hero moments — one or two per screen.
Characters outside the set fall back to plain styled text; keep titles to letters, digits and simple punctuation.
Section headings and body copy stay in Orbitron / Exo 2.
Full documentation: docs/TITLE_TYPOGRAPHY.md.