Colophon

How this site was built.

Every tool, typeface, and technology behind zdklabs.com — the same craft we bring to every client project.

(01) — Typefaces

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

(02) — Stack

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
(03) — Tools

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

(04) — Principles

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.

Availability — 02 slots

Two slots open
this month.

14 brands delivered. Chennai-based. Reply within 4 hours.