Design System
Ethos & Identity
The Tower of Babel is usually read as a warning against hubris. I read it as a record of curiosity: we build not to challenge the divine, but to measure our own reach. Every language, system, and frame is another course of brick laid between the ground we stand on and the things we can almost hear.
I climb knowing gravity keeps its own counsel. To code, to capture, to create is to work at a height where failure is always in the weather. But the tower was never meant to be finished — only to be built with full attention, stone by stone, by hands that stay. The view from an unfinished height is still a view no one else has stood at.
Color Palette
Background
—
Foreground
—
Primary
—
Secondary
—
Muted
—
Accent
—
Border
—
Gradient
—
Type Scale
The Tower
Audacity in Creation
Every pixel is a decision, every whitespace a breath.
Code. Camera. Curiosity. The intersection of craft and intention drives every decision.
Building highways when lanes feel too narrow.
HARRY CHANG · PORTFOLIO · 2026
IBM Plex Sans
Packing new knowledge, I vex, judge, quiz, from bytes.
Packing new knowledge, I vex, judge, quiz, from bytes.
Packing new knowledge, I vex, judge, quiz, from bytes.
Packing new knowledge, I vex, judge, quiz, from bytes.
Packing new knowledge, I vex, judge, quiz, from bytes.
Character Set
Artific
Packing new knowledge, I vex, judge, quiz, from bytes.
Packing new knowledge, I vex, judge, quiz, from bytes.
Packing new knowledge, I vex, judge, quiz, from bytes.
Packing new knowledge, I vex, judge, quiz, from bytes.
Packing new knowledge, I vex, judge, quiz, from bytes.
Packing new knowledge, I vex, judge, quiz, from bytes.
Packing new knowledge, I vex, judge, quiz, from bytes.
Character Set
Spacing & Layout
Motion & Interaction
Knowledge Graph
Every page on this site is a node. Every shared tag, category, or conceptual link is an edge. The graph is generated at build time from the content CMS, spanning projects, blog posts, gallery entries, and hub pages, then rendered via a force-directed physics simulation.
Nodes are sized by connection degree. Edges encode semantic similarity via vector embeddings. On mobile, a crosshair pans the canvas and surfaces the center node. Click any node to navigate directly.

