Static proof surface
Narration describes the live HTML/CSS/JS layout and its accessibility path.
A static HTML proof surface with slow waveform animation, labeled tiers, and accessibility-first markup.
Variation 23 / Hearing before seeing
Listen before you look.
This site is designed as an audio-driven interface. Narration explains proof status; large captions provide visual access. Use the microphone to navigate by voice, or scroll to read.
- Mono
- Waveform
- Captions
02 / Narratives
Narrated proof exposures.
Each narrative is paired with a transcript and proof label. Play to hear narration; read the synced captions. Proof tiers are not hidden behind audio.
Real
Verified work, live integrations, documented clients.
Concept
Fiction labeled fiction. Synthetic data, unbuilt ideas.
Built demo
Working interfaces without client contracts or live data.
Voice navigation simulation
The microphone interaction is simulated here for clarity; it is not connected to a live speech engine.
Voice navigation would listen for named routes, section keywords, and proof labels, then confirm with a caption.
Synthesized voice layer
The audio token is a placeholder concept for a future synthesis pass.
The synthesized voice layer is a concept for this static iteration, showing how proof narration could be delivered without external media.
03 / Captions
Readable captions, not decorations.
Captions are sized for quick reading and paired with proof status. They are not ornaments; they are the visual path for users who cannot or do not want to listen.