PORTFOLIO VOL.10 — KINETIC EDITORIAL ENGINEER — SET · KERN · PROOF

Garvit Pandia.

I SET TYPE THAT MOVES

900+Axis gallery entries
410kKern games played
2,000+Fonts specced
96Lighthouse score
12Editorial templates
1.5kInkstone stars
SEE THE WORK ↓ DOWNLOAD RESUME
PORTFOLIO
01

About

Identity dossier — 2026

I'm Garvit Pandia, a design technologist from Northern Arc Institute of Design & Technology who treats the browser as a letterpress. I build kinetic editorial systems — variable-font playgrounds, kerning engines, and layout tools that set type by hand and measure it by machine.

Focus

TYPE ×
CODE

Editorial systems where letters and layout are engineered, not just styled — variable fonts, grid rhythm, motion with a measure.

Method

MEASURE
FIRST

Written performance budgets, fixed measures, proof sheets before pixels. Every build ships with its own spec.

Belief

LESS
IS MORE

Typography, whitespace, and restraint. The best interfaces whisper — they don't shout.

Proof

60 FPS

Scroll scenes pinned at 60fps on mid-range phones, verified on-device — performance is part of the proof sheet.

02

Case Files

8 type systems — 2021→2025
001

Cut

A type specimen generator for the web — one URL becomes a full specimen sheet: axis ranges, sample texts, kerning pairs.

TypeScriptvariable fontscanvas
2,000+fonts specced · 690★
002

Baseline

See the invisible geometry of type — a bookmarklet that overlays baseline, x-height, and overshoot on any live page.

JavaScriptSVGfont parsing
18interactive lessons · 410★
003

Inkstone

A variable-font playground — real-time axis scrubbing with comparison ghosts, 60fps with four axes live.

TypeScriptWebGLopentype.js
1,500★stars · 900+ axis gallery
004

Kern

The kerning game — daily puzzles scored against professional pairs. You will lose gracefully.

TypeScriptcanvasscoring engine
410kgames played · 320★
005

Proofsheet

Print preview that catches the lies — simulates ink, paper, and press conditions for web-to-print.

TypeScriptprint CSSPDF export
380★stars · 140+ print issues caught
006

Ligature

An editorial layout engine — grid-rhythm long-form web with 12 ready templates and a 96 Lighthouse score.

TypeScriptCSS gridvariable fonts
96Lighthouse · 450★ · 2 magazines
007

Stagelight

A narrative scrolling engine for long reads — scenes pause and resume cleanly, even after tab switches.

TypeScriptWeb AnimationsVite
60fps· 12 pinned scenes · 9 long-form pieces
008

Dovetail

API design that catches mistakes before code does — contract-first scaffolding with breaking-change detection.

TypeScriptOpenAPINode
140+breaking changes caught · 1.3k★
03

Capability

Spec sheet — 0→100

LanguagesLANG/01

TypeScript94
JavaScript96
Python93
Rust84
SQL88
HTML/CSS97

Type / EditorialTYPE/02

CSS motion & animation94
design systems86
web accessibility88
Figma80
kinetic typography78
print & typography systems78

Web / MotionWEB/03

React93
Next.js88
Canvas 2D90
Three.js85
WebGL80
WebGPU72

Systems / CloudSYS/04

Linux88
PostgreSQL90
Redis84
Docker86
AWS82
Kubernetes78
04

Proof

Trophy case + receipts
2023

Top 10 — National Typography Poster Contest

national · type & code
2024

Paper — Generative Layout Prototyping for Screen Readers

Interfaces: Design Systems Review · 2024
2024

Toolmaker of the Month — dev-tools newsletter

Harpoon · Mar 2024
2025

Workshop lead — Design Systems India

contrast math for designers
2024

GitHub Trending — featured 3×

across 12 repos
ONGOING

176 OSS PRs merged

31 first-time contributors mentored
ONGOING

4 npm packages published

~320k combined weekly downloads

Every site he shipped for us came with a written performance budget — and he held it. Twice he pushed back on scope and was right both times.

Devika Rao — Studio Director, Quarry & Quill

He learned our clients' taste faster than any contractor we've had. The hotel sites he shipped feel like the buildings themselves.

Ananya Joshi — Design Director, Garnet & Glass

Our writers write differently in Vellum. It is the only tool they have ever called 'quiet' as a compliment.

Rukmini Rao — Editor, The Ghat Press
05

Deployments

Ledger — 2023→2026
2025 — NOW

Design Lead

KITE & CRANE STUDIO — design studio

  • Established the studio's motion language, borrowed from Stagelight, across all client work.
  • Set the accessibility bar: every shipped site passes WCAG AA, audited in CI.
Jul 2025

Design Systems Consultant

QUARRY & QUILL — design studio

  • Audited 4 client design systems — 71% of AA issues traced to 3 root causes.
  • Wrote the token-migration guide now used by 2 product teams.
2022–2024

Freelance Web Engineer

QUARRY & QUILL — editorial & product builds

  • Delivered 6 client sites end-to-end — 2 editorial, 2 product, 1 arts nonprofit, 1 small press.
  • Introduced the studio to contract-first APIs and the Dovetail toolchain.

B.Des Creative Technology

Northern Arc Institute of Design & Technology · 2021–2025 · type-design coursework

3.6GPA / 4.0
06

Say Hello

Opens your mail client — zero backend, zero tracking.