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 / mo🇫🇷45 € / mois🇬🇧£39 / month🇯🇵¥6,800 / 月🇧🇷R$ 249 / mês🇵🇱49 zł / mies.

Reformat everything

07/30/2026 · 1,000.5 mi🇩🇪30.07.2026 · 1 610,2 km🇯🇵2026/07/30 · 1,610.2 km🇧🇷30/07/2026 · 1.610,2 km🇸🇪2026-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