Skip to content
KADIR ÖZKANCreative Technologist
  • Work
  • Lab
  • About
  • Contact
← Back to Lab

kadirozkan.co
The Architecture

This site, run as a small production system.

You're looking at it. The brief behind this site was simple: it should behave like a product, not a brochure — content managed through a CMS, sections that only render when published work exists behind them, and on-page metrics that are measured, not decorative.

Content lives in Sanity and is delivered through Astro (static output). The design system is a hand-built set of CSS tokens — typography, color and spacing — with no UI framework on top. JavaScript is opt-in per component through Astro islands, written in vanilla JS; the live render-performance widget on the home page is one of them.

The site was built through an AI-assisted pipeline: written specs with acceptance criteria, agent-driven implementation, and verification against production builds on every pass — the same workflow I run for design and render tooling.

CONTENT Sanity CMS
FRAMEWORK Astro · Static output → Edge CDN (Vercel)
STYLING Custom CSS tokens · no UI framework
INTERACTIONS Vanilla JS islands · hydrated on demand
Sanity
(content)
Astro build
(tokens + templates)
Static HTML
Edge CDN
(Vercel)
Browser
Islands Layer
(Hydrating client-side: render-perf widget, theme toggle)
Conditional empty-state sections handling
Enlarged view
Kadir Özkan/Creative Technologist
Istanbul, TRkadir@kadirozkan.coLinkedInCV