Product design, interaction and a provenance system for a call that has to be trusted
later, not just remembered.
Year
2026
Status
Self-initiated concept
Type
Product design, interaction system
Role
Product, direction, design, build
Platform
Web, Astro
The problem
AI meeting tools produce action items nobody can trace back to what was actually said.
Heardlist keeps the link: every task carries the exact second it came from, so a
commitment can be checked instead of argued about.
Disclosure
A concept product designed as a portfolio piece. The sample call and the people in it are
fictional. Nothing on this page is a client deliverable.
Original direction
Heardlist’s first built direction used a dark violet theme and a particle-canvas
hero, about 7,600 points assembling spoken words on screen. Review found it read as generic
AI-product styling rather than something Heardlist owned, and it carried real defects: the
source timestamp ticked forward as if the recording were still playing, quietly
contradicting the promise that a moment stays fixed, and one metadata list failed an
accessibility check. Temporal Proof replaced it.
The principle that replaced it
A spoken moment becomes verifiable work. One idea, held to exactly: the source timestamp is
immutable everywhere it appears, the record is a real, keyboard-operable link back to the
line it came from, and the visual system is warm ink-on-paper rather than a dark AI-product
cliché.
The creative system
Copper: the spoken source.
Verdigris: the committed record.
Marker A: a single time-axis mark. A brand device, never a control.
00:14:32, immutable. The same figure everywhere it appears, in Schibsted
Grotesk numerals beside an upright cut of Alegreya Sans for the spoken line.
The register opens the record and steps away. What follows is Heardlist’s own
material. Not recoloured. Not retyped.
Sample call: Pellmore Studio review, Wednesday 9 September 2026. One spoken line becomes
one assigned task, still linked to the exact moment it was said.
source to task
Source moment
00:14:32
Spoken by Priya RamanPellmore Studio review · Wed 9 Sep 2026
“I’llsend the revised scopeby Thursday.”
Returned to source
Priya Raman, at into the call
becomes an assigned task
Send revised scope
From the words “send the revised scope.”
Owner
Priya Raman,
The speaker who made the commitment, from “I’ll.”
Due
,
From “by Thursday,” with the call date, Wed 9 Sep.
Source
00:14:32
The exact moment in the recording. Selecting it returns to the line above.
Return to Priya Raman’s line, 14 minutes 32 seconds into the call.
Provenance, in the record above
Fig. 2 · Mechanism detail.Fig. 3 · Marker, final state.
Accessibility
Presented as product design, not certification. Every line below states what was actually
checked, on what, and what still is not.
Tested
Automated scan of the reference build: axe-core 4.10.2, zero critical and zero serious
authored violations, run by an auditor who did not build the prototype and kept on
record.
Tested
Colour contrast computed directly, not estimated: ink on paper 13.46:1, secondary ink
6.43:1, copper 5.13:1, verdigris 6.81:1, focus ring 5.13:1, all above the WCAG AA
thresholds they are used for.
Tested
Reduced motion: every animation, the entrance sequence and the source-return flash
included, is wrapped in prefers-reduced-motion, and the page was run with that
preference emulated. The record renders complete with nothing moving, and the source
return still works.
Tested
A real NVDA 2026.2 screen-reader pass over this published page: landmarks, headings,
the record’s Owner, Due and Source fields, and the source-return announcement,
“Returned to the source line, 00:14:32.”
Tested
The document declares <html lang="en">. This corrects the platform
limitation recorded against the earlier Framer publish, which set no language attribute
for a single-language site.
Implementation
This case study, and the whole AKINTADE site, is a static Astro build, self-hosted, with no
server, database or CMS. Layout, type, colour and the marketing sections are native Astro
and CSS. Framer remains the design and prototyping system the direction was authored in; the
earlier Framer publish is kept as a visual reference, not the production host. One focused
component carries the piece a static page cannot express on its own: the source-return
behaviour above, moving real keyboard focus to the spoken line and announcing the return out
loud for anyone using a screen reader, built here as the same DOM structure, styles and
interaction as the original Framer code component, in plain HTML, CSS and TypeScript with no
UI framework. The record above is that component running, not a picture of it.
Concept outcome
Heardlist is self-initiated: there is no client, no launch, no users, and this page makes no
claim otherwise. What exists is a resolved product concept with an ownable visual system, a
working, keyboard-operable interaction, accessibility work with an independent re-audit
behind it, and a documented production process from three explored directions to one.
Heardlist continues as Temporal Proof, the live interaction. The register closes the entry
here and keeps the number.