[ SYS.ARCHIVE // DOC_ID: 0x9A4F ]

BLUEPRINT
ASSETS_

The unified design language powering Zixiang Zhang's digital surfaces. This exhibition prioritizes absolute spatial integrity, high-density monospace metadata, and responsive fluid motion bounded within strictly computed geometries.

Version2.0.0
StatusActive / Deployed
Core ConceptMinimalist Technical

Colors.

A tightly constrained palette rooted in U of T Navy. We avoid generic grays, relying on deep, cold blues to establish a vast, technical atmosphere. Cyan and Amber provide precise, high-contrast signals.

GLOBAL BACKGROUND
Deep Tech
#020F24
PRIMARY SURFACE
U of T Blue
#00204E
VISUAL.TYPOGRAPHY_
Font-Display / Inter 800
STRUCTURAL
IMPACT.

Used exclusively for large scale impact, headers, and section breaks. Always uppercase. Tightly tracked (-0.04em) for structural block cohesion.

Font-Mono-Tech / Space Mono
> Metadata
> System Status
> Array[0]

Provides the underlying "terminal" aesthetic. Used for metadata, ticks, small links, and technical data readouts.

INTERACTIVE.MEDIA / BITFLOW

DevMTRX_

The matrix rain effect is rendered natively via Canvas 2D. It represents raw data streams and system background processes. The characters are strictly "0" and "1", colored in #00C2FF with varied opacities to simulate depth.

INTERACTIVE.MEDIA / 3D PARTICLE WAVE

Fluidity_

A pseudo-3D camera projection algorithm rendering a fluid mathematical wave. It uses interactive parallax tied to mouse movement, creating a dynamic, breathing background for high-level concepts like Design and Architecture.

UI Data.

Lists and data rows follow a strict hover-inversion protocol. The expanding cyan edge (`scaleY`) and translating arrow create an undeniable interactive feedback loop.

01
System Architecture
Build notes + Raw Logs
02
Protocol-First Design
Pointer-based lazy loading
03
Canvas Rendering
Hardware Accelerated Loops

// COMPONENTS.WIREFRAMES_

Rhylm
Ambient soundscape app featuring mathematically generated waveforms.
Inserable
Specialized file-handling ecosystem for Hugo blogs.
DevMTRX
Technical dispatches, build notes, and the mechanisms behind the work.