tko.dev

Portfolio built from scratch — semantic token architecture, cinematic boot sequence, WebGL field, full Framer Motion reveal system.

software engineeringdesign engineering

Client: Tkodev Inc.

Year: 2025

Team: 1

WD.1 / Wins //

Designed and shipped a cinematic portfolio, end to end.

A personal portfolio built entirely from scratch — no template, no component-library skin. A semantic design-token architecture underpins a monochrome, dark-first command surface, a cinematic boot sequence and a Framer Motion layer choreograph every reveal, and a WebGL contour field animates the underlay. Presented as a declassified engineering dossier: the work is the evidence, the interface is the instrument around it. Built with Claude Code without ever ceding design ownership.

WD.2 / Figure //

Semantic Token Architecture and Cinematic Boot Sequence

Designed and shipped the portfolio as its own proof of work: a cinematic interface built from scratch, not a template or component-library skin. The homepage is the first signal, but the deeper system is semantic token architecture, a cinematic boot sequence, Framer Motion choreography, a WebGL contour field, and an interaction language that makes the site feel like a live engineering dossier.

WD.3 / Figure //

Work Index as Visual Evidence

Built the works page around the portfolio intent: the work is the content, and the interface is the instrument around it. Project media, HUD framing, shuffled main-image tiles, featured cards, and archive groupings make the range legible quickly while still letting each project expand into a deeper case-study narrative.

WD.4 / Figure //

Case Study System and Authored Data

Modeled the portfolio around structured career constants rather than page-specific copy: each project carries metadata, stats, story assets, visuals, collaborators, and client relationships. The project dossier view proves that architecture by turning the same data into cinematic hero tiles, story sections, evidence plates, next-project navigation, metadata, and SEO.