Colophon
How this site is made. Every screen hand-designed in the BIG BLUE language — four colors, three typefaces, one very loud voice.
No template, no theme, no page builder. This site is designed and built in-house at Teyra, the same way we build everything else — deliberately, and slightly obsessively.
The haze drifting behind the headlines is not a video. It's a fluid simulation hand-tuned in WebGL — a fragment shader pushing ink around in real time, nudged by your cursor.
(01) Built with
Next.js 16 + React 19
App Router · Server Components · strict TypeScript
Tailwind CSS v4 + framer-motion
utility styling · springy motion
Hand-tuned WebGL
the fluid background — raw shaders, no 3D library
next-intl
every word on this site exists twice — English and 中文
Homemade bilingual CMS
one JSON document on a Render persistent disk
Render + Cloudflare
push to deploy · cached at the edge
(02) Type
Archivo
display — the big shouty uppercase
Fraunces
serif — the quiet counterpoint
Noto Sans TC
carries the Chinese side of the site
(03) The palette
Four colors. That's all of them.
(04) Colophon facts
- Two languages, one content document — the CMS stores every word in English and Chinese side by side.
- The background fluid is computed on your GPU, every frame, just for you.
- Deployed by git push. If you can read this, the build passed.
- Strict TypeScript everywhere — the compiler complains so users don't have to.
- Uppercase is used responsibly. Mostly.