ThewebsiteRedesign

Presented by Kevin Liu

Improve it for launch.
Launch is the most attention we will ever get at once. The site has to be ready to receive it.
A brand beyond shadcn.
Today we look like the default theme. We need an identity that is unmistakably ours.
Aura.
People should feel the quality before they read a single word.

First principles.

Before picking a look, pick the truths the site must serve.

A barbell audience.

Casual

Hobbyists and indie devs. Embraceable and comfortable: npm i gt-next and go.

the middle is thin, so design for the tails

Enterprise

Buyers and platform teams. Presence, trust, procurement-ready.

Both tails read the same signal:

✓INFRASTRUCTURE-GRADE✓FAST✓RELIABLE

Show, don’t define.

Nobody arrives knowing localization vs. translation vs. i18n, and we never make them learn it. The site demonstrates the difference instead.

Translate copy

“Start shipping globally.”« Commencez à livrer dans le monde entier. »„Weltweit liefern, ab heute.“「今日から世界へ届けよう」«Empieza a lanzar globalmente.»

Change code

<p>{greeting}</p>

<T><p>{greeting}</p><h1>{headline}</h1><button>{cta}</button><li>{feature}</li><label>{placeholder}</label><p>{greeting}</p><h1>{headline}</h1><button>{cta}</button><li>{feature}</li><label>{placeholder}</label></T>

Convert currency

$49 / mo45 € / mois£39 / month¥6,800 / 月R$ 249 / mês49 zł / mies.

Reformat everything

07/30/2026 · 1,000.5 mi30.07.2026 · 1 610,2 km2026/07/30 · 1,610.2 km30/07/2026 · 1.610,2 km2026-07-30 · 1 610,2 km٣٠/٠٧/٢٠٢٦ · ١٦١٠٫٢ كم

…and the terms still check the boxes:

✓translation✓localization✓i18n✓l10n

End to end, or it doesn’t hold.

Not a widget over the site: code, pipeline, context, review, and delivery are one framework.

<T> in codecomponents stay componentsCLIscan, translate, validateContext Groupsinherited meaningReviewedit, approve, publishEdgeserved per locale

Context Group: Payments — glossary and tone every translation inherits. “wallet” means one thing.

App« Portefeuille » Docs„Wallet“ Checkout「ウォレット」

The hardest thing to explain is the thing that keeps it consistent.

From guidelines to prototypes.

Rules before pixels.

Off-black and off-white base, four contrast levels.
Titanium accents; neon reserved for the one CTA.
Square corners and hairline rules. No glass, no shadows.
One shader family per visual, grain after gradient.
The product is the picture: input → GT → output.

Structure first, texture last.

Color behaves like light, not paint.

Ink#070707

Raised#101010

Titanium#8a8f98

Paper#f5f5f3

One spectral band per page: a controlled edge, never a wash.

One family, every weight: Inter carries the voice.

300General Translation

400General Translation

500General Translation

600General Translation

700General Translation

800General Translation

Every technique answers a question.

What changed? Where did it go? What is automated? Motion is explanation, never ambience.

GSAP timelinesLenis inertiaScrollTrigger pinsSplitText revealsDrawSVG diagramsWebGL light fieldsBayer ditherSplit-flap type

Fun fact: We were using the wrong Inter.

The Inter that Google Fonts serves is not quite the Inter that Rasmus Andersson ships. The official build keeps its OpenType features; the hosted one quietly drops most of them. Same name, different font.

Inter, via Google Fonts

Gg Ra 0123

Disambiguation (ss02)

Illegal 10Ol

Slashed zero (zero)

0 skips in 100 songs

Alternate glyphs (cv05, cv11)

a little while ago

Inter, via rsms.me Rasmus Andersson