Skip to content
zudin.my
BM

Tech Docs // Under The Hood

Colophon

How this site was built — a technical document for the curious.

Design Philosophy

The "Clearance Protocol" concept merges three worlds: the immigration counter, the digital passport, and the command centre. Every page is a document; every visit is a clearance; every section you explore leaves a stamp in your visitor passport.

UV mode reveals guilloche patterns and hidden security features — just like a real travel document examined under ultraviolet light.

Infrastructure

This is a fully generated static site — fast, secure, with no database server to breach.

Astro 5

Static site generator — pure HTML delivered to the browser, minimal JavaScript. Speed is a security feature.

Tailwind CSS 4

Token-based design system — document palette, UV mode and bespoke animations.

View Transitions

Smooth page transitions, like leafing through a physical document.

MDX Collections

Every archive entry is a single file — write, save, publish.

Web3Forms

Serverless contact form — messages delivered straight to email.

Cloudflare Pages

Global edge hosting with free SSL and DDoS protection.

Hosting & Security

  • Fully static site — no database or application server to breach.
  • Full HTTPS with automatic Cloudflare certificates.
  • No tracking cookies, no third-party analytics, no advertising pixels.
  • Visitor data (passport stamps, UV mode) is stored only in your own browser.
  • A honeypot field on the form keeps spam bots at bay.

100

Performance

100

Accessibility

100

Best Practices

100

SEO

* Lighthouse targets — verified on every deployment.