Show relations, not AI atmosphere.
World, interpretation, action, consequence, and evidence remain distinct surfaces.
IDENTITY ARCHITECTURE / DIRECTOR REVIEW
Make the system
briefly legible.
A design language for a software engineer, researcher, writer, and maker. Black and white carry identity. Structure carries the argument. Texture reveals state.
ONE VISUAL ARGUMENT
A single signal becomes boundary, causal path, evidence trace, waveform, and signature. The site changes state; it does not change subject.
FOUNDATIONAL RULES
Less language.
More consequence.
Every visual decision must either orient attention, establish a relation, reveal a state change, or create enough quiet for reading.
Motion stops when meaning begins.
Activity belongs to transitions. Active prose receives a stable field and maximum contrast.
Inspectability replaces ornament.
Source IDs, public repositories, dates, and limits appear as material—not badges of status.
Precision can still be strange.
Editorial type, screen texture, music, and the closing signature keep the system from becoming institutional.
Motion carries meaning between ideas and becomes still while an idea is being read.
TYPOGRAPHY / THREE ROLES
One voice.
Three registers.
The type system separates ordinary explanation, authored reflection, and machine-inspectable metadata without separating them into different brands.
The model participates.
The system acts.
Precise, contemporary, and deliberately low-ego. Open counters survive dark compositions and small interface labels. Variable weight limits the payload to one Latin file.
Some problems stop being merely technical.
A human register reserved for essays, authored judgments, biography, and selected moments of intimacy. It never labels controls or evidence.
D035 / AGENT
REV 76506a8
STATE: ADOPTED
For claim IDs, versions, dates, measurements, navigation indices, and runtime state. It signals inspectability, not hacker theater.
RESPONSIVE TYPE LAB
Resize the composition, not the browser.
Intelligent systems act through worlds.
Tools shape what can happen. Roles shape what may count. Consequences return through observable paths.
- DISPLAY
- 8–14ch / balanced
- LEAD
- 32–44ch / pretty
- BODY
- 58–72ch
- MONO
- Uppercase / 0.08em
COLOR / LUMINANCE FIRST
Black is the field.
White is the event.
Color does not establish identity. It classifies a rare state: boundary pressure, active focus, or an admitted signal. The rail controls let reviewers compare the three permitted modes.
Page field and true visual rest.
Raised planes and shader fallback.
Primary text and illuminated structure.
Explanatory text and dormant relations.
Focus, admitted signal, and boundary pressure.
RECOMMENDATION
Monochrome by default.
Use luminance, density, scale, and texture before hue. Oxide is acceptable for boundary warnings or human intervention. Phosphor is acceptable for instrument focus or admitted evidence. Neither becomes a permanent wash.
Paper / Void18.4:1Primary text
Ash / Void7.0:1Secondary text
Trace / Void≥ 4.5:1Never text-only status
SPACE / COMPOSITION
Negative space
is retained authority.
The page does not fill every region simply because a viewport exists. A quiet field gives one claim enough authority to arrive without being marketed.
TITLE SAFE / 62%
SECTION ENTRY
Design the world.
Design the world.
Observe what emerges.
MAX CONTENT / 1180
MIN SCENE / 92SVH
04micro relation
08inline pair
16control interior
24reading unit
48component break
96argument break
- Desktop
- 12 columns / 24px gutters / 1180px content maximum
- Tablet
- 8 columns / 20px gutters / diagrams remain spatial
- Mobile
- 4 columns / 14px edges / relations become ordered trails
- Reading
- Background contrast falls below 8% while prose is active
COMPONENT LIBRARY
Components hold
different kinds of truth.
The system avoids an all-card interface. Borders appear when they disclose a boundary, comparison, or control—not simply to contain content.
Daniel Rodriguez
Software engineer,
See current work
Software engineer,
researcher, and writer.
See current work
01
MEDIUM ↗︎
The Shadow of the World
What disappears when the instrument becomes the thing.
An agent is an Entity whose Interpretation conditions which Action occurs.
- D014
- D015
- D034
- D032
DIAGRAM GRAMMAR
Relations remain
typed and directional.
Lines do not become decorative networks. Every edge has a declared source, target, direction, and visual state. Dynamic layout remains deterministic from reviewed data.
- World makes perception and action paths available.
- Perception and model participate in interpretation.
- Interpretation conditions action.
- Action produces consequence.
- Observation may enter a path to evidence.
Solid / directional / observed or declared path.
Dotted / logical dependency / no causal implication.
Open terminus / unknown join / never fabricated.
MOTION SEMANTICS
Animation is
a grammatical verb.
Each transition has a before state, a transformation, an after state, and a reason the visitor understands something new. A dissolve without a semantic state change is removed.
Noise → boundary
The world becomes available enough to inspect.
Node → causal path
Separate instruments align into one practice.
Record → evidence state
A change in standing is visible and labeled.
Activity → retained mark
Reading and the closing signature come fully to rest.
HOMEPAGE TRANSITION SCORE
- Presencepoint branches into instrumentsidentity → proof
- Workinstruments resolve as public tracesproof → lineage
- Lineagesource, proposition, and artifact alignlineage → argument
- Writingtrace becomes underlineargument → prose
- Organonunderline becomes dependencyprose → terms
- Studiodependency loosens as waveformterms → making
- Nowwaveform settles into three tracesmaking → attention
- Contactevery trace comes to restattention → availability
- Signaturewaveform contracts to one markmaking → identity
WEBGL2 SHADER LIBRARY
Texture reveals
what state the system is in.
These are actual single-pass WebGL2 fragment shaders. They generate texture procedurally—no video, no texture downloads, no hidden canvas capture. Use the Render control to inspect the CSS-only equivalents.
SEMANTIC / REVEAL
Uncertain signal becomes a boundary.
A 4×4 ordered threshold matrix converts a continuous field into discrete screen-space marks. Interpolation changes legibility without moving the text.
- Passes
- 1
- Textures
- 0
- Loops
- 0
- Use
- Presence → Work
SEMANTIC / MEASURE
A continuous field becomes countable marks.
Analytic circles in a rotated grid evoke print and old screens without sampling an image. Dot radius follows the declared field rather than decorative randomness.
- Passes
- 1
- Textures
- 0
- Loops
- 0
- Use
- Work → Organon
SEMANTIC / RELATE
Separate traces become one directional path.
Signed-distance lines and nodes share one field. The shader interpolates density, then settles; it never implies that proximity alone is evidence.
- Passes
- 1
- Textures
- 0
- Loops
- 3 fixed
- Use
- Work → Lineage
SEMANTIC / PRESENCE
Black is a depth, not an inert fill.
Three deterministic planes place about one hundred single-pixel signals across a phone viewport. Parallax is quantized to physical pixels and only answers pointer, scroll, or scene intent; at rest, the field is still.
- Passes
- 1 shared
- Textures
- 0
- DOM particles
- 0
- Use
- Ambient depth
One darkness. Nine lighting states.
The field does not decorate every movement equally. Density, aperture, and foreground response follow the argument; every state yields before sustained reading begins.
- 01 / PRESENCEReveal depthone signal inside a dormant field
- 02 / WORKGathersignals collect around instruments
- 03 / LINEAGEAligndistant points disclose a relation
- 04 / WRITINGClearprose holds the dark; margins remain alive
- 05 / ORGANONStructureselected points become dependencies
- 06 / STUDIOResonatethe richest state answers authored play
- 07 / NOWResolveactivity settles into three planes
- 08 / CONTACTExtinguishattention remains; spectacle leaves
- 09 / SIGNATUREContractthe field returns to one retained mark
INTERPOLATION STUDY
Not a crossfade. A change in representation.
The same underlying field moves from continuous luminance, through discrete dither, into an explicit path. Scrubbing exposes the transition logic.
PERFORMANCE / ACCESSIBILITY
Immersion is
a bounded capability.
The shader system earns its place only when it fails safely. The complete document exists in HTML and CSS before WebGL initializes.
Deliberately capped. Texture does not require 60 updates per second.
The backing ratio snaps so every shader cell spans a whole number of physical device pixels.
Intersection observation suspends off-screen canvases.
One program, one triangle buffer, no framebuffer chain per specimen.
Hidden tab, reduced motion, static mode, and page rest stop the loop.
Context loss or unsupported WebGL reveals the authored static specimen.
| Tier | Trigger | DPR | Cadence | Behavior |
|---|---|---|---|---|
| Static | No JS, no WebGL2, reduced motion | CSS | 0 | Authored fallback composition |
| Low | ≤ 720px or constrained device | 1.0 | 20 fps | Same semantics, larger pixel cells |
| Auto | Default supported device | ≤ 1.25, pixel-aligned | 30 fps | Full shader grammar without resampling shimmer |
| High | Large visible specimen only | ≤ 1.5, pixel-aligned | 30 fps | Finer dither, no extra passes |
TRUE FALLBACK
No JavaScript is not an apology.
The static version preserves composition, hierarchy, contrast, diagram order, and every essential word. It removes time—not meaning.
✓ semantic HTML before canvas
✓ visible focus and 44px controls
✓ reduced-motion still frame
✓ ordered mobile diagram trail
✓ context-loss recovery
✓ no third-party runtime dependency
STORYBOARD → SYSTEM
One signal.
Nine meanings.
The scene map is the implementation contract. Every effect names the visitor belief it serves, the visual transformation, and its still equivalent.
Presence
STATIC / point + perimeterOne point establishes attention.
Work
DIAGRAM / constellationPaths resolve into five public instruments before theory asks for attention.
Lineage
CONTROL / argument deckFour sources connect inherited propositions to essays and public artifacts.
Writing
TYPE / Newsreader entersThe public trace becomes editorial marginalia.
Organon
GRAPH / typed edgesLanguage becomes a dependency instrument.
Music / Studio
SHADER / waveform → print fieldThe dependency line loosens into a waveform and makes room for authored play.
Now
STATIC / dated coordinatesThree threads remain as present states.
Contact
REST / no spectacleThe ambient system stops completely.
Signature
STATIC / identityThe signal contracts into one retained mark.
06 / MUSIC / INTENT-GATED
SELECTED RECORDING
Music enters as work,
Music enters as work,
not ambient decoration.
Each selected piece receives space, visual context, and an intentional route to listening.
Open selected piece ↗︎
REVIEW QUESTIONS
- Does monochrome feel like identity rather than deprivation?
- Do the type roles sound like the same person in different registers?
- Does every animated transition change what the visitor understands?
- Do diagrams remain rigorous without becoming documentation screenshots?
- Does the static mode preserve the same argument and emotional pace?
- Which accent—if any—earns a permanent functional role?