Colophon

Built with

• Astro, rendered to static HTML. No framework runs in the browser: an article loads about 8 KB of compressed JavaScript, for page transitions, link preloading and the drawings.
• Posts and case studies are MDX files, so an essay can hold a live component.
• The illustrations are hand-authored SVG with a few kilobytes of plain TypeScript each. No animation library.
• Page changes use the browser’s View Transitions, and links preload when you hover them.

Type

Rubik for everything you read, and JetBrains Mono for dates, labels and metadata. Both are self-hosted variable fonts. Section labels are written like code comments: // like this.

Colour

True black, a soft white for body text, pure white for the line art, and one purple hairline under every section. The only other colour comes from photos, the green “open for clients” dot, and the diary-study hypotheses. A faint film grain sits on top of everything.

The six illustrations

They started as flat images on the old site. I redrew them as SVG. Some are traced from the originals, some are generated from the same geometry (a logarithmic spiral, a Fibonacci sphere, true isometric boxes). Then I gave each one a behaviour that acts out its principle. They only animate while on screen, and they turn still if you’ve asked your system for reduced motion. Go poke them.

Inspiration

The structure owes a lot to Flo Guo’s site: a quiet sidebar, a reading column, and writing as plain dated lists. The look is the one I already had, kept and sharpened.

Made by

Designed and built by me, pairing with an AI coding agent. Claude’s account of how we worked is in Building koraytek.in, from the other side of the pair. What changed since is in the changelog.