Colophon
How this site was built.
Every tool, typeface, and technology behind zdklabs.com — the same craft we bring to every client project.
Three fonts. No more.
200–700
Clash Display
Indian Type Foundry · Fontshare
Headlines, display text, section titles
300–600
DM Sans
Colophon Foundry · Google Fonts
Body copy, UI elements, buttons, labels
Italic only
Instrument Serif
Rodrigo Fuenzalida · Google Fonts
Editorial italic accents — always italic, always copper
What powers the site.
Framework
- React 19
- Vite 6
- React Router 7
Styling
- Tailwind CSS v4
- CSS custom properties
Animation
- GSAP 3
- Framer Motion 12
Hosting
- Vercel
- Vercel Analytics
Type
- TypeScript 5.8
- Strict mode
Icons
- Lucide React
What we use daily.
Figma
Design, prototyping, component libraries
VS Code
Primary editor
Claude Code
AI pair-programming, code generation
Cosmos
Visual bookmarks, design references
Adobe Suite
Asset creation, photo editing
Arc Browser
Development, testing
Design convictions.
Dark-first
Every surface starts at #0A0A0A. Light mode exists but dark is the default — it's where the work looks best.
Native scroll
No smooth-scroll libraries. The browser's own scroll is the premium choice — predictable, accessible, and zero-latency.
One accent
Copper (#C97B3F) is the only accent. No secondary colors, no gradients-for-gradients-sake. Constraint breeds consistency.
Motion with purpose
Every animation earns its milliseconds. GSAP for orchestrated sequences, Framer Motion for scroll-linked reveals. Nothing decorative.
Two slots open
this month.
14 brands delivered. Chennai-based. Reply within 4 hours.