The emoji, handwritten label, hover cue and opened surface tell one story. Explore a working pattern below; keep its information, material and behavior connected when you reuse it.
📋 Task templates · three ways to work
Explore a handoff, an evidence-led comparison and an interaction design task. Each carries the full nine-note structure, Formula plan and completion checks. These are working examples for design review, not completed work.
Retained reference material. The Connection categories task will reconcile its useful content and match the rest of Design Universes.
📋 Every detail has a place.
337 / 361 checks recorded · September 12, 2026
Checked means verified at the recorded scope. Open means pending, reopened, or awaiting a reference. Your design approval is separate.
📥 Latest-note inbox 4 / 4
✓Capture the additional final details Deesil is giving in this voice session before closing the plan.
✓Correct the masthead FUN·da·Mental wordmark: FUN, da and Mental use their exact approved treatments/colors; source check now required by the explicit correction.
✓For each new note, identify its affected component/chapter, current behavior, requested result, and any earlier direction it supersedes.
✓Keep source capture, implementation, observed verification, and creator approval separate.
📥 Additional voice corrections · current round 7 / 7
✓Divider transition: old stroke erases while new stroke draws from the selected tab; both feather into paper-white at the meeting boundary. No overlapping/mixed color boundary. This supersedes earlier continuous-color blending language.
✓Emoji centered in expanded and collapsed states, slightly larger on descent/collapse. Use the Founder’s Invitation collapsed padding, spacing and layout as reference.
✓Preserve tab dimensions when crowded. Reduce gaps, then overlap/tuck whole craft layers including their emojis; the front tab must hide the covered portion of the rear sticker rather than letting it show through.
✓Bring active/previewed file forward. Neighbors on both sides recede in stable original order. Tucked desktop tabs still reveal on hover; touch tabs reveal on tap and retain the established preview/entry interaction.
✓Center chapter players and section heading/intro groups; a full-width player is acceptable, but the current left-anchored compact player is not.
✓Replace mechanically dashed/dotted rules with genuinely irregular drawn marks.
✓Paper-tag shadow, clarified using Worlds → Outer World / In Between: apply universally to this paper-tag component. Left 20–25% is adhered flat with only a very slight darker shade/contact shadow. Fade from that adhered zone into the upward bend; lighting brightens the lifting paper. Remove the odd dark band beneath the words; any cast shadow must follow the lifted paper rather than the text. Preserve the liked left-side fade. This is a paper-tag correction, not a change to embossed tape.
📥 Latest matching and spacing correction 5 / 5
✓Guide tabs use the Founder’s Invitation’s actual bold Chalkduster SVG lettering, pigment-lifting halo, contour and measured label padding. Do not substitute a separate small caption.
✓The divider meets the selected outline on its left and right. No stroke crosses the selected tab interior. Both outgoing and incoming wave layers retain this same joined gap.
✓Apply the same three new tab behaviors to Founder’s Invitation too; preserve all unrelated deck content and review controls.
✓Lower lettering slightly in both versions for breathing room below the centered emoji. This explicitly changes the reference’s vertical placement.
✓Overlapping files use geometric occlusion, with the real paper visible. This later creator instruction supersedes the earlier white eraser seam. The interacted file and emoji remain foreground.
🧭 Meaning and organization 11 / 11
✓Keep three separate questions visible: animation worlds, presentation materials/languages, and presentation settings. Do not conflate them or force a one-to-one mapping.
✓Animation outer world: no visible Brain Buddy; pencil contours, shading or silhouettes as context needs; restrained watercolor through paper; little overall color.
✓In-between world: lighter environmental/person line art; Brain Buddy within the head outline; selected attention objects gain drawn detail. Bird, remote, sound bowl and furniture are examples where relevant.
✓Inner world: surrounding exterior outlines fade; Brain Buddy's colorful drawn style on white or lined paper; real-looking supply friends retain their physical material.
✓Keep three drawing languages distinct: Brain Buddy art; exterior pencil/watercolor; informative outlined icons with diagonal colored-pencil fill.
✓Informative icons/shapes support wisdom, statistics, presentations, websites and notepads; relate their fill to the approved filing tabs and use actual source examples.
✓Physical craft includes postcards, labels, tags, flags, foam stickers, paper, books, pencils, markers and erasers.
✓Digital language includes pixel/play text, action buttons and numeric/status cues. A clickable paper tab can remain visually paper.
✓Settings: desk with real supplies; composition-book cover/pattern; open book on desk; paper/wood variants; white inner space with modern clarity. These are settings, not extra animation worlds.
✓Preserve the proposed website journey: desk/book/Brain Buddy → enter book → welcome while scrolling → inner space. Document the concept without claiming the website is built.
✓Preserve physical causality for supply characters: real props move through understandable handling. Drawn faces on real supplies remain exploratory. Distinguish this from existing art with supplies stored inside Brain Buddy.
🎨 Visual clarity and source fidelity 10 / 10
✓Use the Founder's Invitation composition and actual design-system components as the reference baseline.
✓Keep concise emoji-led chapter names and visual thumbnail/previews; full explanation opens on demand. Avoid dense walls of text and repetitive “three, three, three” headings.
✓Give each chapter the layout that best explains it, rather than forcing one repeated arrangement.
✓Use meaningful emojis, semantic color, gray hierarchy and emphasis throughout explanations according to Communication Design.
✓Retain all substantive source meaning behind concise previews; remove presentation repetition without losing distinctions.
✓Use authentic original Brain Buddy, booklet, event, composition-book and brand-board imagery. Enlarge controls should expose readable detail.
✓Explain what each example demonstrates and what it does not establish. Mark missing motion/Keynote examples honestly.
✓Event artwork is approximately 70% aligned by creator judgment; the target is modern, professional and adult-facing while retaining craft materials.
✓Keep the rejected Claude app mockup outside approved references. Claude approval is scoped to chat bubbles with subsequent corrections.
✓Verify the actual FUN·da·Mental wordmark/text treatment against the reference: individual FUN colors, da #7A7775, Mental #5A90C0; creator clarification is now complete.
📎 Materials and typography 12 / 12
✓Paper tags clearly differ from embossed tape: handwritten words, soft adhesive/resting contact, quick fade near the left, gentle lift at right; no strong left stripe in the main version.
✓Paper tags and flags use appropriate brand/label colors; heading scale, padding and centering support clear hierarchy.
✓Embossed tape uses actual EmbossT1, pressed-letter lighting, subtle upward/downward curl/contact shadow and gentle individual tilt.
✓Tape top/bottom remain mainly straight; side cuts have small, individually varied straight diagonal angles. Stable variation within restrained bounds; no extreme/random retilting.
✓Postcard frames use genuine brand styling. Subcard borders echo the physical postcard logic; thematic color families support meaning.
✓Foundation examples can use the three core colors or gray; benefits/rewards may be gold; environmental/supportive/money ideas may be green where appropriate.
✓Foam emoji retain the approved thin rounded bevel/shadow, individual gentle tilts, and hover lift/tilt for interactive stickers.
✓Chalkduster = handwriting, lined paper, tags, notes, helper cues and handwritten digits such as 2/4. Lined paper should not look typeset.
✓Komika = Brain Buddy speaking. Preserve “Combattica” only as historical tentative spoken wording, not a new font claim.
✓Avenir = clean printed copy on cards/plain paper; Times New Roman = optional classic/historical/evidence print treatment.
✓Pixel fonts = clearly digital controls/status/numbers. Labels use their own actual embossed lettering.
✓Pixel buttons use the approved interactive lift/press treatment and suitable foam emoji; no generic substitutes.
💬 Brain Buddy speech bubbles 6 / 6
✓Match the scoped Claude bubble library: hollow/transparent interiors, lighter gray pencil linework and actual Komika.
✓Tail joins are truly open; no faint cross-line or closed triangle seam.
✓Double bubble connects both thoughts and the tail cleanly; preserve its playful two-thought composition.
✓Grouped foam emojis are composed intentionally with individual tilts and brand material treatment.
✓Verify transparency over lined and colored surfaces, short/long text, narrow screens and enlarged views.
✓Preserve the reusable bubble library and its construction/adoption report in the guide; distinguish prepared handoff from actual design-website adoption.
🗂️ Tabs and motion 13 / 13
✓Reuse the approved deck pencil-tab appearance, not a loosely similar replacement. Uppercase Chalkduster, centered within the shape, consistent modest padding; width follows label content.
✓Keep dark lettering in the tab's stroke family, slightly darker, lighter pencil fill, soft surrounding lightening; retain original approved inverted treatment.
✓Fill accidental white gaps in hatch coverage while preserving intended pencil texture; avoid stretched/squished lettering.
✓Selected tab has the visible continuous divider underneath; its color evolves outward from the selected tab with both colors feathering into paper-white at the meeting edge, never color overlap.
✓Opening: pencil tab grows in steps while the emoji glides smoothly and arrives with the fully expanded tab.
✓Lettering starts during the final portion of opening, finishes afterward, and remains padded/inside the tab throughout.
✓Closing: lettering erases first; its final frames overlap the beginning of tab collapse and emoji return. Keep motion brisk, fluid and coordinated.
✓Collapsed emoji is slightly larger, mostly on its label and gently peeking above it; avoid stepped/jumping emoji motion.
✓Desktop: selected tab stays expanded; other tabs open on hover/focus and select on click.
✓Mobile: collapsed emoji tabs fit in one ordered row, keep the approved dimensions as space tightens. Ordered overlap/peeking is required when gaps alone cannot fit; no chaotic rearrangement.
✓Mobile first tap previews name and handwritten TAP 2X; second enters. Current selected tab may reveal its name without requiring another navigation; selected state remains legible when collapsed.
✓Verify rapid selection reversal, including A → B → A, and divider settling to the actual selected color. Latest guide Type → Materials → Type settled gray with wave opacity zero; scoped Invitation hover tests are recorded separately.
✓Preserve approved full-label version one separately; do not overwrite its reference while refining collapsible version.
🔊 Audio — latest direction 8 / 8
✓Full chapter/category player follows actual Convo Card compact player/menu: chapter emoji, branded play control, pencil progress line, time/speed and centered spark captions.
✓Individual element player starts with a tilted foam speaker and handwritten TAP 2 PLAY. Hover lifts the sticker.
✓On tap, the cue fades away; the chapter-matched pencil tracker and Gaposiss clock fade into the same reserved footprint. Latest shared-player instruction supersedes the earlier Chalkduster clock request.
✓Keep element controls minimal and separate from the larger chapter-player role; readable content remains available.
✓Review all 59 narration scripts for chapter/element meaning; validate all 59 actual recording files and positive durations; sample actual play/pause/seek/exclusivity. Full listening audition remains part of creator review, not implied by file validation.
✓Play/pause/replay/seek/speed work, only one recording plays, and closing a card or changing chapter stops hidden narration.
✓Verify spark-caption styling and intended behavior against the source. Current captions describe playback state; they are not word-synchronized subtitles.
✓Keep custom Brain Buddy voice as an unresolved production requirement: current recordings are identified as system voice, not falsely presented as a custom voice.
📐 Compact interaction pattern inherited from the deck 4 / 4
✓Use the approved flag → info control → score arrangement, pencil structure, foam stickers and floating post-its as a composition reference where that function exists.
✓TAP 4 INFO is handwritten throughout; note opens without reflow, fades/pops gently, tilts individually and has no unnecessary tape.
✓Preserve quiet universal gray pencil focus/selection, side padding and clean dividers; avoid heavy pointed outlines or generic controls.
✓Do not add deck rating widgets or change the deck's content during this guide-focused pass. Deck reviews remain a later activity.
🔗 Reuse, evolution and skills 7 / 7
✓Dated approved baseline and changes belong in existing continuity/design records; a new task checklist is not a second instruction authority.
✓Latest feedback is reread immediately before outward delivery; reopen any item affected by a later correction.
✓Design artifacts begin with the person's approved templates, adapting content and context while preserving material/voice identity.
✓Seasonal/birthday customization uses a named, scoped variant with duration and return to baseline; customization should not silently overwrite the core template.
✓Skills map lists what helps each task and separates availability, actual use and verified access; no implied inheritance into customer AI tools.
✓Brain Buddy communication, foam styling, card rendering, source research, presentation/document translation and deep review have distinct jobs.
✓Document design-system and Play·Packet handoff through existing records; Shadow adoption remains a future authorized task, not an active automation.
✅ Execution plan after final-note intake 29 / 29
✓Replace the guide’s overly clean outline with the actual Invitation sketch-accuracy texture filter.
✓Broaden outgoing erasure and keep incoming pigment fade narrower, separated by paper white.
✓Preserve outgoing joined geometry during the fade beneath the selected file; add a restrained drawing-only lift/settle.
✓Fade unselected outer contours at their lower ends where they meet the front divider; selected contour stays fully connected.
✓Verify and publish matching final refinement in Founder’s Invitation; update deployment receipt when successful.
✓Hide unfinished tab geometry until fonts and label positions are measured; no visible left-stack slide.
✓Reveal outlines as drawing, fill as coloring/fade, and foam as a gentle pop during the drawing; respect reduced motion.
✓Raise collapsed foam3px while preserving centered position and smooth travel.
✓Feather only divider far ends into paper; keep its selected joined geometry visible.
✓Publish matching checked Founder’s Invitation entrance/placement batch after guide verification.
✓Start the current tab first on refresh; preserve measured positions.
✓Keep divider pace unchanged; original35ms neighbor delay superseded by the later12px-beyond-edge plus60ms correction recorded below.
✓Synchronize each180ms-delayed foam pop to its own tab, with opacity finishing in the first15% and visible overshoot/landing.
✓Keep full rear-tab fading ends visible; extend selected contour alone to a stable divider baseline.
✓Verify desktop and320px phone join, width, preview/entry and settled line cleanup; update Motion text/narration.
✓File revised guide in the same private Drive file; bytes and save receipt agree.
✓Confirm matched Founder’s Invitation deployment for this latest batch; version21 includes the subsequent selected-only paper lift.
✓Latest preview correction: hover/first-tap keeps paper height; emoji rises and text reveals. Only actual selection lifts the paper. Verified phone preview→entry; shared rule also applies desktop expansion.
✓Remove opaque paper backings and white overlap shadows; use nearer silhouettes to mask rear artwork/foam.
✓Keep original page backdrop visible, including ruled paper; no waiting blank tab shapes on entrance.
✓Delay neighbor reveal until the line passes12px beyond its far edge plus60ms; retain divider pace and individual pop.
✓Hide pre-draw round-cap dots; preserve TAP2X overflow, phone preview/entry and selected-only paper lift.
✓Update teaching/audio, verify1280px and320px behavior, file same private guide.
✓Confirm matched Invitation publication for transparent backdrop batch; version22 live and production verified.
✓Keep divider hidden by default until starting mask is installed; initialize first animation frame synchronously before unhide.
✓Prevent initial resize handling from clearing an active entrance mask.
✓Verify early visible guide state already masked; save canonical and same private file.
✓Verify matching deck fix live; Invitation version23 deployed and production checked.
🎨 Chapter color story and Type library · new creator direction 20 / 20
✓Start: explicitly connect Animation Worlds → Worlds, Presentation Materials → Materials, and Presentation Settings → Settings with the same emoji, chapter name and border-color family as the destination tab.
✓Type tab becomes gray. Type cards use intentional palettes: handwriting = Power Principles; Brain Buddy speaking = aqua; printed copy = rainbow; classic printed evidence = vintage brown; embossed labels = gray with multicolored examples; technology/play = three core colors. Confirm source palette values.
✓Each type category retains a clear main example and a digital pixel button that opens a postcard with multiple examples. Preserve full existing explanations/audio.
✓Apply Foundations → Communication Design through examples: meaningful semantic colors, emojis, hierarchy, color storytelling; include a visible link to the real source page.
✓Paper tags need a believable shadow behind the paper, plus a dark/white-letter inverted option used alongside the light version. Preserve material distinction from embossed tape.
✓Physical Craft’s pencil-tag specimen must reuse the actual current drawing/lettering component rather than a simplified approximation.
✓Embossed labels should be subtler and more realistic: inspect original examples, soften excessive surface/text bevel, preserve actual font and restrained cut/curl details.
✓Explain why the tabs tell a material story through drawing, foam, paper, digital response and reveal; capture in existing design continuity.
✓Recheck affected chapters/content, desktop, phone, buttons/modal focus and dismissal, source fidelity, motion/audio preservation and latest notes. Record remaining reference gaps honestly. Private filing is separately verified in the delivery receipt.
✓Compact element audio visible in a free top corner before details open; reserve its full playback footprint.
✓TAP2PLAY closer to foam; cue fades into the same progress tracker and time style as chapter player.
✓Preserve concise control width and existing recordings; play/pause/seek and exclusive playback remain functional.
✓OPEN DETAILS booklet receives actual foam styling; plus becomes a card-colored foam glyph with a gentle hover enlargement.
✓Reconcile these additions before final review and filing.
✓Latest hover-mask correction: rear pencil strokes must not overlap front outlines. Include stroke/displacement coverage around each occluding silhouette, and verify while hovering/expanding as well as at rest, on both guide and Invitation.
✓Latest creator correction: inspect all Type cards visually rather than treating generated examples as finished. Tag adhesive covers the left fifth, flat against the sheet; lighting rises gradually into the free end and the cast shadow stays behind that raised paper. Recheck light and dark variants in context.
✓Replace generic multi-color edge striping with Grant Garden’s actual corner treatment and exact Power Principles/rainbow palettes, preserving its variety and placement logic.
✓Verify FUN·da·Mental wordmark FUN treatment, da gray and Mental blue against the approved reference.
✓Add a bottom pixel button that expands the full live work checklist, grouped by component with truthful checked/open states; reuse this existing plan as the single source.
✓Keep review playback muted during voice unless the user requests audible playback.
🔎 Current verification scope and remaining production work 2 / 5
○Production follow-up: select remaining original floating-head, focus-object, watercolor and Keynote sequence examples; these are openly identified in Sources.
○Production follow-up: replace the labeled device narration with an approved custom Brain Buddy voice when supplied/selected; existing recordings and readable text remain available.
○Adoption follow-up: creator approval of the refined baseline, then verified design-system import and rendered comparison. No automatic adoption is claimed.
✓Newest paper-tag refinement: retain the approved attached left fifth and center; free right tip is the highest point, with a visible but more diffuse shadow behind it (latest top-down clarification). The light foam sticker rests on that raised tip and must not imply a downward bend or weight. Reinspect light/dark tags at normal scale before closing.
✓Latest perspective correction: tag lies nearly flat in a top-down view, left fifth adhered; shadow remains behind the paper footprint, diffusing slightly at the lifted right tip, with no standing placard or weighted-down foam effect.
✓Reread all available creator instructions for this specific build, from animation worlds and material/type roles to the newest top-down tag correction; compare against the current guide and checklist.
✓Reconcile superseded instructions, record any missed details and independent capture-review findings, and bring the complete current direction forward for our joint review.
✓Additional scan finding: original local-font fallback for Avenir and Times identified. Subsequent creator clarification led to bundling the actual font faces, recorded below; destination rendering still needs comparison. Earlier stale wordmark and35ms timing wording reconciled with the current source and latest instruction.
🔤 Exact typefaces travel with the guide · latest clarification 2 / 2
✓Bundle the actual Avenir and Times New Roman faces, including needed weights/italics, alongside the already embedded handwriting, speech, tape and pixel fonts. No dependence on device-installed substitute typefaces.
✓Verify embedded font loading, printed specimens, emphasis and320px layout; explain the distinction between matching typefaces and small browser rendering differences. Carry exact asset/role requirements into the existing continuity record for future destinations.
✓Completed button pass: compare the guide’s digital buttons with the actual design-system button examples. Correct foam emoji position and relationship to the button edge; support left, right, or both-side stickers when appropriate to that button. Preserve reference spacing, label readability and interactive movement. Captured first, then implemented after the creator authorized continuation.
✓Button-family consistency: Play now shares the source arcade proportions and interaction family with Back, Next and Full Checklist; Full Checklist padding and foam placement corrected. Use actual design-system button proportions and states, not the current buttons as blanket approval. Preserve the liked substantial, playful depth.
✓Latest button motion request: hover animates foam lift/tilt with side-aware inward movement; pressing lowers the button face and compresses its depth/shadow, then releases cleanly. Verify keyboard focus and touch readability alongside pointer states; preserve reduced-motion fallback.
🗣️ Brain Buddy teaching, voice and sentence-level clarity · newest creator direction 12 / 12
✓Capture and reconcile the correction: the creator now clarifies voice primarily means expression, logic, intention and feeling, not vocal timbre. Editorial and teaching work proceeds without waiting for a new recording voice.
✓Rework all ten chapter introductions, summaries, detail explanations and example captions for college students and AI designers. Preserve every substantive distinction, source boundary and physical rule.
✓Keep Design Universes as the guide identity. Treat “three realms” and other umbrella names as working language; explain the three organizing questions in plain language before introducing technical category names. Do not confuse three animation worlds with three material families or presentation settings.
✓Welcome people clearly: welcome to Fundamental Design Universes; explain what they will understand and be able to build; introduce the story worlds, what designs are made of, and where they appear through an everyday example.
✓Apply FUN, SIMPLE, CLEAR, TRUE, INSPIRING and UNIFYING to speech and text, not only visual decoration. Explain the purpose, show an example, and give a practical design choice; keep production bookkeeping out of the primary welcome.
✓Apply Foundations → Communication Design to each explanatory sentence: meaningful inline emoji and selective semantic color, with readable hierarchy and no loss of wording or contrast. Preserve actual type/material roles and exact font assets.
✓Revise all ten chapter scripts and49 element scripts as spoken teaching, not raw technical prose. Use concise sentences, natural pauses, warm guidance and clear transitions; spoken text must not read emoji names, markup or source identifiers.
✓Resolve the voice ambiguity: newest creator clarification concerns expression rather than the sound of a particular speaker. Rework scripts and existing supported narration accordingly; keep the device voice honestly identified and any later custom vocal identity separate.
✓Keep readable scripts aligned with recordings; label interim audio truthfully and preserve the prior working version. Do not play test recordings aloud during voice chat without request.
✓Editorial check: the three organizing questions and a connected example make category choices explicit;49 complete reference layers preserve implementation rules for AI designers. Actual newcomer usability and creator acceptance remain joint-review evidence, not assumed.
✓Reconcile this pass with an independent editorial review, inspect desktop/phone color and text flow, check audio/script pairing, reread the newest creator corrections, and update the same private guide.
✓Prepare this guide as the source for a future Design Universes section on the design-system website; adoption remains a separately verified import, not automatic synchronization.
🗣️ Voice roles clarified after the session · creator continuation 8 / 8
✓Handwritten sharing: natural human expression, personal and approachable, with meaningful inline emojis and semantic color; handwritten material retains its correct font.
✓Printed explanation: a thoughtful, fun-to-follow Brain·wave that makes ideas and subcategories logical. Clear, clever and playful documentation, not rigid or corporate. Use the Power Principles: FUN, SIMPLE, CLEAR, TRUE, INSPIRING and UNIFYING.
✓Classic printed evidence: slightly more formal because of its subject and evidential role, still recognizably Fundamental, readable and engaging. Preserve accurate sources and the limits of each claim.
✓Brain Buddy spoken guidance: a supportive common-sense wellness cohost takes the listener through what is in front of them. Say only what earns being spoken: the idea, a useful example, a connection or an invitation that helps understanding. Gentle wit or a relevant breathing invitation may fit; neither is mandatory decoration. Avoid reading manifests, internal production instructions or references to Deesil’s instructions as the primary lesson.
✓Brain Buddy spark captions: short, powerful words selected for understanding, with deliberate Communication Design color. Distinguish meaningful lesson captions from the current generic playback-state caption and from a full transcript.
✓System operational voice: definition incomplete because the recording ended mid-sentence. Keep as an open role; do not infer its remaining rules or silently merge it with Brain Buddy’s teaching.
✓Revise the59 drafted lessons against this clarified role system before treating them as final; provide clear category/subcategory relationships and retain technical implementation facts in the appropriate reference layer.
✓Carry the approved distinctions through the existing Play·Packet communication/design reference route. Connect them to the life-elevating, humanity-harmonizing purpose without introducing unsupported wellness claims or duplicating instruction homes.
✨ Complete expression facelift · current execution 11 / 11
✓Reconcile all available voice-session additions, including abbreviated handwritten cues and latest expression-versus-timbre clarification; preserve earlier detailed design checklist.
✓Localize the seven working expression roles in existing Play·Packet module03, with one local reference route rather than another organ or duplicate manual.
✓Research existing core Drive voice/communication/wellness documents, compare current creator corrections, cite useful findings and retain superseded source boundaries.
✓Rewrite primary teaching across all ten sections, with meaningful sentence-level emoji/color; retain complete design facts in expandable reference notes.
✓Add a clear expression-role library to Type, including tiny handwritten cues, natural handwritten sharing, printed explanation, classic evidence, spoken guidance, spark captions and the incomplete operational role.
✓Apply separate teaching scripts to all existing49element players and ten chapter players; add role lessons where needed. Keep speech concise and learner-facing, not a recital of internal instructions.
✓Replace generic chapter spark copy with short meaningful lesson captions; align readable scripts with narration and preserve accessible playback controls.
✓Reconcile factual detail, category/subcategory clarity and all citations; demonstrate a running example connecting story world, materials and presentation space.
✓Perform six scoped review passes: newest intent/source meaning; material/type/color; each desktop chapter; each phone chapter; interaction/audio/captions; continuity/private filing and delivery.
✓Update the same private guide, verify its saved version and keep the working side view open. Notify when the review edition is ready; creator acceptance remains the next joint step.
✓Carry the resulting lessons into the Founder’s Invitation review notes for the next shared review. Preserve the current deck’s specific purpose and approved content; do not turn it into a design manual.
✓Convert every Expression/Type role and material card to a full-width horizontal row, stacked vertically, with the postcard border only on its left; preserve role palettes. Details expand downward in normal flow.
✓Make each details plus a foam sticker in its card’s color; preserve clear hover/press feedback and accessible expanded state.
✓Make example popups the matching postcard itself, without a second white surrounding panel; keep a faint backdrop, fixed visible matching border, scrollable content, and clear scroll indication.
✓Match the Grant Garden account red foam close control, avoiding the defective white patch; anchor top-right while content scrolls; support close button, outside click and Escape with focus return.
✓Align the Start cards; replace text-only tab links with genuine pixel buttons and topic emojis for Worlds, Materials and Settings.
✓Use Expression as a working chapter label rather than implying everything is type or speech. Preserve typography as its own material subsection.
✓Add the audible Brain Buddy delivery role explicitly, on a gray card; distinguish spoken sound and pacing from the written speech-bubble representation.
✓Give Brain Buddy bubble examples two or three meaningful colored phrases and actual foam stickers; enrich other examples with intentional communication color.
✓Expand system expression to include policies, terms, conditions and preferences; distinguish literal operational messaging, internal AI instructions/code, and the translation into public expression without inventing automatic agents.
✓Add an applied connection map/cheat sheet: show world + material + setting + expression + motion working together; include social media, web, deck, print and animation examples with clickable explanatory post-its.
✓Capture Brain Buddy’s surface rule: white/plain/lined paper and light white/gray/blue post-its may host him, including paper on a desk or notebook-cover label; dark saturated paper does not. The surrounding setting and his drawing surface are distinct.
✓Use top/bottom-only borders where a design specimen needs horizontal room; use meaningful tonal variations within shared color families and gray where system-related. Do not imply priority through shade unless priority exists.
✓Put reusable application rules in existing Play·Packet guidance and connect the guide’s applied map; future Shadow compares against this baseline, without a new launch or duplicate instruction home.
✓Reread latest notes; review every chapter and updated popup on desktop and phone, including scroll, close, accordion, navigation and narration; save the same private guide and update receipt.
✓Latest app clarification: add app to the translation map; compare ecosystem app/animation specs. Current creator direction is one minimal blue-lined-paper surface with Brain Buddy, hand-drawn and digital elements, Apple-like clarity. Paper moving aside during a Brain·wave is exploratory, not approved behavior.
✓Reinspect postcard errors: increase left-strip thickness, soften outer outline to light gray, and verify the strip/corners stay attached to each card without stray paint.
📐 Postcard geometry and compact controls · creator correction, September 12 8 / 8
✓Start: match the Worlds, Materials and Settings pixel-button colors to their respective card palettes.
✓Inspect and correct the misaligned “our ideas” example; check neighboring examples for the same placement defect.
✓Top/bottom-only postcard borders must cut straight across, without curved end caps or unintended color junctions. Match the main postcard’s inset/padding and stroke treatment.
✓Left-only postcard strips must use the same width/thickness and outline treatment as the main postcard, rather than an independently sized approximation.
✓Reorganize Expression rows intentionally: give the handwritten tag enough horizontal room to avoid unnecessary multiline wrapping; keep the description legible and one example in the remaining padded area on the right.
✓Latest control placement supersedes the exploratory top-right audio placement: put TAP 2 PLAY in the current details-row area, then the foam book sticker + OPEN FOR DETAILS beside the matching-color foam plus, all on one compact row where space permits.
✓Remove excess padding beneath the collapsed details controls; retain comfortable interaction targets and responsive reading order.
✓Check geometry, palette, alignment, closed/open states and phone layout against the reference and these corrections before marking any item complete. Preserve audio and accordion behavior; do not trigger audio during live voice review.
✓Replace the Motion chapter’s simplified “open a tab” specimen with the actual approved navigation-tab component and its behavior, not a separate approximation.
✓Demonstrate the actual distinctions: preview reveals lettering and moves the emoji without lifting the tab body; selection brings the tab forward and connects it to the divider; entrance follows the drawn divider with individual emoji pops and no initial flash.
✓Compare the demonstration visually against the navigation above it in collapsed, preview, selected and transition states, including phone and reduced-motion behavior. Keep this item open until that comparison is verified.
✓Audit other illustrative component specimens against their actual components so the guide teaches the current implementation, not outdated simplified versions.
🧩 Layout clarity, character proportions and Skills · creator correction, September 12 8 / 8
✓Rework Layout’s media/ingredient matrix so a newcomer can understand how strongly each ingredient participates in social media, websites, decks and other media. Include a clear legend and explained usage/emphasis levels; consider a scale/status before percentages. Do not invent measured percentages or imply one universal recipe for every asset in a medium. Equal prominence is allowed where appropriate.
✓Anchor each contextual post-it next to the clicked matrix cell, not a distant fixed screen corner. Use individual restrained tilts, viewport-aware placement and no page movement; keep it readable and dismissible.
✓Correct “One calm page”: enlarge Brain Buddy relative to the speech bubble using the opened Claude Brain Buddy examples as reference. Aim the tail toward the character; remove unnecessary surrounding padding.
✓Preserve the updated transparent/light-pencil/open-tail bubble aesthetic. Provide restrained narrow/medium tail-width variants; reserve the widest/loudest tail for appropriately excited expression.
✓Add a genuine digital button for additional examples pairing Brain Buddy and bubbles; show intentional character size, spacing and tail direction rather than isolated bubbles alone.
✓Reference exception: the Claude “Let’s give your mind a real break” example has a tail placement the creator explicitly rejects; lower/correct that tail rather than copying its defect.
✓Convert Skills to the same full-width stacked accordion-card family, using the corrected shared postcard treatment and compact controls.
✓Verify comprehension, proportional sizing, local popover placement and Skills open/closed behavior on desktop and phone before completion.
🗂️ Plan sequence and placed-paper rhythm · September 12 4 / 4
✓Give cards restrained, individually varied, stable tilts so they feel placed on the page; preserve legibility, spacing, focus and responsive bounds.
✓Convert Plan into numbered stacked accordion cards in clear reading order; full postcard borders may remain.
✓Remove empty padding/minimum heights added only to align unrelated sections. Keep compact closed cards and natural expanded content flow.
✓Review every affected chapter and its examples against the complete latest correction list; verify interactions and visual relationships before reporting completion.
📝 Reopened layout placement and completion correction · September 12 8 / 8
✓Restore rounded postcard corners for design-element cards. Straight-cut top/bottom border strips do not authorize square card corners. Preserve the source postcard radius while fixing strip endings.
✓Motion must demonstrate the approved actual tab component within its section. The current button leading to navigation is an interim alternative, not fulfillment of that request. Avoid recursively embedding the entire guide.
✓Expression: move TAP 2 PLAY to the top right, approximately level with the header tag opposite it, with comfortable inset rather than crowding the top edge.
✓Expression: place OPEN FOR DETAILS beneath the description, on the left where audio currently sits. Preserve generous usable space for the example on the right. Keep the foam book and color-matched plus together with the disclosure label.
✓Skills and Plan: follow the creator’s final preference in this utterance—TAP 2 PLAY at top right; OPEN FOR DETAILS at bottom right. Earlier left/center possibilities were exploratory alternatives, not additional simultaneous requirements.
✓Skills and Plan: place a concise, readable description immediately below the header, targeting roughly two desktop lines through thoughtful width and phrasing. Do not truncate content or force two lines on narrow screens.
✓Skills: enlarge explanation text for legibility; Plan text is closer to the desired size already. Remove unnecessary padding and row-height compensation throughout both stacked groups.
✓Reconcile all latest corrections with prior checked items before claiming completion. Distinguish authored changes, observed verification, remaining defects and creator acceptance; do not equate a finished pass with every requirement satisfied.
✓Click through every chapter and disclosure; review meaning, hierarchy, spacing and examples rather than relying only on overflow measurements.
✓Start “Our Ideas”: match the actual tab’s padding/proportions, remove excess space, and replace the unexplained brown treatment with a color consistent with the example’s intended role/reference. Centering alone did not resolve this.
✓Masthead TAP 4 INFO note must render above the chapter divider and tabs. Fix the stacking context, not just the note’s local z-index; check while the note overlaps the line.
✓Turn each chapter’s small embossed category text into an actual colored embossed tape label, with white type and no duplicate emoji (the large chapter emoji is already beside the title). Match the design-system label treatment. Expression: gray tape with alternating rainbow embossed letters and white outlining, using the approved source treatment.
✓Redesign Layout’s “how the pieces play together” explanation: define purpose, world, material, setting, expression, motion and experience in plain language, explain why each is present, and replace the cryptic arithmetic/plus chain with a clearly labeled visual relationship. Any arrows must use the hand-drawn style. Show a concrete worked example so a learner can follow the choices.
✓Add a localized TAP 2 PLAY under each medium’s name in the Make Something column: social media, website, deck, print, animation and app. Each recording explains that medium’s example and how its ingredients contribute, rather than repeating a generic chapter summary. Preserve readable scripts and accurate cues.
✓Contextual matrix post-its: remove the visible close cross; repeat activation of the same source cell toggles the note closed, selecting another cell gently fades into its note. Keep accessible Escape/outside dismissal and focus behavior without adding an unwanted visual cross.
✓Match each matrix note’s paper palette to its ingredient/category: Expression gray, Worlds blue, Materials brown, with the remaining categories resolved from their actual tabs. Replace the repeated light-blue/pink treatment. Use readable coordinated communication color, intentional inline emojis and foam stickers relevant to the content.
✓Clean post-it hierarchy and emoji placement; keep modest varied tilt, anchor near source cell, avoid clipping and page reflow.
✓Brain Buddy paired examples: vary character beside vs below bubble; no need to place him above. Aim every open tail toward the actual character. Reduce excess horizontal padding and fit the bubble to its content.
✓Reduce maximum tail width: the current middle example is approximately the largest acceptable width, not the current last example. Use narrower everyday tails.
✓Show distinct color stories, lengths, emotional intents and sticker groupings rather than repeated aqua/purple two-line samples.
✓Include two- and three-part connected bubbles with genuinely open connections; inspect the final page of the Breaks Brain·tivity booklet and Claude Brain Buddy examples. Preserve corrected transparent interiors/light pencil contours, and replace flat emojis with approved foam treatment.
✓Carry the same fitted spacing, varied examples, open-tail geometry and connected-bubble rules into the Expression bubble libraries, not only the Layout popup.
✓Keep prior newly reopened corners, card-control placement, Skills legibility and in-section Motion component demonstration on the active list while implementing this round.
✓Screenshot-based review is required for this round: inspect actual rendered desktop and narrow-screen views, including open notes over the divider, fitted bubbles and connections, card corners, closed/open accordions and audio controls. Compare with the named visual references. Measurements and source inspection supplement screenshots; they do not replace visual judgment. Fix observed defects and capture the corrected state before checking off each affected item. Record any remaining mismatch explicitly rather than claiming perfection.
🎯 Latest precision corrections · September 12 7 / 13
○Show side-by-side connected Brain Buddy bubbles as well as vertical stacks, with a responsive arrangement and tails/bridges that retain a coherent speaker relationship.
○Narrow the open connecting necks between stacked bubbles; keep them open and delicate rather than wide gaps.
○Darken all Brain Buddy bubble contours slightly, toward but still lighter than Brain Buddy’s own outline; update inline, popup and standalone examples together.
✓Skills/Plan descriptions use about two-thirds of the desktop card width and wrap naturally to roughly two lines; keep audio upper-right and move details up so the overall card is tighter. Preserve full text on phone.
○Local TAP 2 PLAY: track length matches the cue text footprint, timer sits ABOVE the bar, and the compact rectangle fits farther right in the card corner. Preserve speaker, fade/reveal, real seeking, and quiet startup.
✓Reinspect the actual design-system embossed rainbow label: use its correct gray, white outline treatment and letter-color sequence for the Expression category label, rather than approximated colors.
✓Reinspect Grant Garden partial postcard borders: left-only and top/bottom-only treatments inherit the same stroke thickness, stripe rhythm, outer shape and rounded paper geometry as the full frame. Extend stripes to the edge without incorrect corner joints. Inspect enlarged renders, not only normal-size cards.
○Verify these shared changes across all affected chapters, libraries and mobile layouts; record actual reference/evidence and preserve remaining production follow-ups.
○Power Principles: wherever explicitly named, use each principle’s exact assigned source color consistently, including teaching examples and summaries.
✓Expression section headings must explain the distinction plainly: ways a message comes across versus the lettering/material that carries it. Replace “One spirit…” / “Give each voice…” if they obscure that relationship; add a simple bridge/example.
✓Tighten typography/material rows: remove empty space below descriptions, keep audio at far upper-right, and let long tags use the header width rather than wrapping into two lines. On narrow screens allocate another row for audio rather than split the tag unnecessarily.
✓On lined-paper examples, align handwriting baselines to the actual rules; inspect multiple lines and responsive layout so text appears intentionally written on the paper.
✓Explicit repeat correction: ALL stacked accordion cards need the reference rounded corners. The left stripe must match the full postcard’s thickness, block spacing and edge/corner relationships exactly; the current thin substitute is rejected.
✓Restore regular postcard weight: the blanket13px override enlarged previously approved10px guide frames. Use the same10px weight for left-only/sandwich variants; preserve rounded corners and correct corner painter alignment.
✓Expression label: preserve approved rainbow white text bevel, but use current embossed tape cuts, curl and shadow instead of a rounded solid rectangle.
✓Plan header tags: darker green paper, white handwriting; balance description lines to avoid isolated final words.
✓Bubble connections: match side-by-side10px neck width for vertical connections; shorten vertical gap. Fit triple thought outlines individually around text, stagger slightly left/right. Tighten side-by-side vertical padding and retain darker contours in all libraries.
✓Broaden bubble expression samples: pastel same-hue progression, rainbow, core-color word emphasis and gray tones. Maintain meaningful communication color and shadowed inline emojis throughout the guide.
✓Verify actual frames, labels and bubble variants visually before completion; carry changes into standalone library and same private guide.
✓Explain two parts of Expression at top; give Message & Voice and Type & Material their own embossed headings.
✓Reuse current shared embossed tape construction for Expression; preserve its approved rainbow white bevel.
✓Lighter green Plan tags, white text. Keep border separators away from rounded corners; begin partial multicolor stripe with full color rather than white seam.
○Recheck right-side tab entrance; line must reach the tab before reveal, no premature right-side flash.
✓Letter-by-letter pastel, rainbow, core-color and gray examples, not word-by-word substitutes.
✓Material cards: details immediately beneath left description; smaller foam magnifier + handwritten TAP 4 EXAMPLES. Free space on right for specimen. Same compact left details for voice cards, including Brain Buddy guidance.
✓Lift handwriting slightly above rules; use foam thumbs-up in handwritten example. Ordinary shadowed emoji belongs with printed/classic copy; keep foam for craft/handwriting examples.
○Review actual appearance and behavior before checking off; prior finished passes do not prove these latest corrections.
🎧 Theme, caption and control placement · latest creator notes 5 / 5
✓Start card emphasis follows its card theme; remove unrelated pink/purple. Use coordinated same-hue or meaningful letter colors.
✓Spark captions use handwritten styling with letter-level same-hue shades; retain exact Power Principle colors when those principles are named.
✓Material header row: tag on left, audio near center, TAP4EXAMPLES top-right. Details remain beneath left description. Preserve narrow-screen readability.
✓Local player: timer above short track; track/timer to the left of speaker, vertically centered with modest gap. Smooth reveal; restore TAP2PLAY after playback ends.
✓Verify layout and actual playback/end-state behavior, not only styles.
✓Separate audio and examples controls more clearly; raise audio to align with the header's top padding. Live controls remain gray.
✓Embossed section labels use + instead of unsupported &, and match standard chapter label size (12px,5px12px padding), including Expression.
✓Handwritten one-little-idea example uses fitting greens/blues and a foam emoji, no unrelated pink.
✓Handwritten cue sample shows three core word colors, quiet gray, and gray TAP4 with Power Principle letter colors in EXAMPLES. These are specimen options, not changes to live gray controls.
✓Check desktop and narrow layout for clean separation and readable labels.
✓Additional correction: Expression's bottom TAP4INFO Post-it must stay within viewport. Apply bounded placement to info notes, include relevant emoji and meaningful communication emphasis, and check near page edges.
✓Restore “Choose how the message comes across” and “Choose how the words look” below their embossed section labels.
✓Reinspect live design-system buttons; add multiple source-based color and emoji-placement specimens in Technology + Play's examples.
✓Place the handwritten try-button cue beside the sample button, reducing empty vertical space while retaining phone wrapping.
✓Check examples open, sample feedback, and compact card layout.
✓Extend digital button library beyond white lettering: dark teal with lighter matching text; light green with darker related text; white button with same-family letter shades; gray rainbow text with the design site's five-shadow white outline. Treat new pairings as guide examples rather than claiming every combination is approved source canon.
✓Reconcile recent requests: handwritten section subtitles, expanded palette, inline try-button cue, text-color varieties, example interaction and visual review.
✓Button-state correction: persistent outer gray selection outline only for an actual selected option. Action/reveal buttons return to rest after click. Selected ring extends behind whole foam emoji; hover/active retain physical press feedback. Keyboard focus remains available separately.
👆 Button states · creator supersedes gray selection ring 43 / 47
✓Remove persistent outer gray selection ring. Selected state holds a pressed position with softened/inverted related colors and a gentle transition.
✓Show action button (returns to rest), independent toggle (click again to deselect), and content-view selector (current view remains selected; choose another to change content).
✓Keep foam emoji hover/press movement and readable keyboard focus distinct from persistent selection. Reconcile prior gray-ring notes as superseded.
✓Test action feedback, toggle twice, view change, and repeat-click active view.
✓Keep the Motion specimen on the shared tab controller; remove stale divider overlap during selection and repeated changes.
✓Reserve the 80px navigation and 24px divider (12px overlap) in initial markup before drawing.
✓Reduce header-to-tab margin to 10px; preserve room for emoji and rear-tab fades.
✓Review live selection and refresh geometry before saving.
✓Remove boxed row grouping; use adjacent listening and reading stickers with hover tags and direct touch actions.
✓Left-align all usage text, including Core; keep info sticker.
✓Dark topic-colored chart tags with white lettering.
✓Small Tap 4 Info hover note; direct click opens the explanation.
✓Distinguish chapter hero/listening/caption emoji roles across guide openings; audit material repetition.
○Center Brain Buddy and bubble as one pair; enlarge text and emoji, retain ruled alignment.
○Match column tag contact/lift shadows to shared tags.
○Enlarge embossed format labels.
○Attach hover paper close behind control stickers; reveal audio beneath in reserved space without layout shifts.
✓Preserve approved chart tag style; enlarge lettering and paper; move sticker outward to clear the words.
✓Keep hover notes above adjacent controls and fade on hover-in/out.
✓Fade old ingredient note before opening a different one; preserve same-note/outside dismissal.
✓Increase restrained note tilt, trim padding, align row controls to thicker row-colored pencil lines.
✓Shorten chart heading to WORLD.
✓Clear top tag lettering from stickers, especially World and Motion.
✓Inset small info stickers with top and right padding.
✓Give notes, column tags and format labels restrained individual tilts; slightly enlarge format lettering.
September 12 · Curled labels, shared audio and ecosystem transfer 3 / 6
✓Capture newer creator direction, source dates, reference baseline, component contracts and future adoption procedure in DESIGN-SYSTEM-HANDOFF-20260912.md; connect the Play·Packet without claiming public adoption.
○Reopened after creator review: correct the inward and outward curved embossed-label shadows against the original grouped-label reference. Existing variants are not accepted. Preserve the approved lettering, compare both profiles visibly, then apply consistently across chapter labels and examples.
✓Verify main and local audio share thin gray drawn track, section-colored ombre fill and main 2.5px outline; verify seek, stable pause size and end behavior.
✓Verify foam-book TAP 2 READ ALONG opens and closes readable text and remains usable with keyboard.
○Complete whole-guide regression review and original label-sheet visual comparison before declaring the complete design finished.
September 12 · Audio timing placement correction 2 / 2
✓Stack the main timer above the right end of its full-length bar, with the speed control beside that pair; avoid a separate timer column.
✓Give the track contour and moving dot visibly drawn edges; apply the same material to compact audio and right-align its timer above the bar.
September 12 · Match the reference pencil texture 2 / 2
✓Replace the invented track wobble with the live design system’s sketch-accuracy texture and rounded track geometry.
✓Remove hatching and highlight accents inside the moving dot; use one plain filled, softly drawn dot.
September 12 · Real draggable playback 2 / 2
✓Keep the plain drawn dot as a genuine pointer/touch scrub control; dragging updates the audio time and preserves playing or paused state.
✓Remove the dashed focus indicator for pointer interaction while preserving an explicit keyboard-navigation focus treatment.
September 12 · Quiet centered read-along 1 / 1
✓Remove the unnecessary load-then-slide instruction; center the foam book and TAP 2 READ ALONG below spark captions.
September 12 · Explicit ecosystem adoption work 5 / 11
○Review and obtain acceptance of the shared voice, material, color, spacing, motion and interaction rules; distinguish old references, newer creator direction and accepted implementation with dates.
○Update the reusable Convo Card components and relevant design/communication skills from the accepted rules; verify actual rendered behavior rather than treating a handoff link as adoption.
○Complete the Play·Packet integration after acceptance, linking the shared component source, examples, evidence and revision record without creating competing instructions.
○When website implementation is authorized, add the Design Universes explanations and working examples to the design-system website and port the accepted shared components.
○Verify each destination independently: Convo Cards, relevant skills, Play·Packet and website. Record implementation revision, adoption date, test evidence and any remaining differences.
○Define the future Shadow comparison inputs and acceptance checks from the same dated record; keep recover → compare → propose distinct from any separately authorized launch or publication.
✓Preserve the creator-liked curved tape edges and both curl profiles; reduce cast-shadow strength and increase blur. This refinement changes shadow softness only.
✓Add close, darker contact shading where tape meets paper: middle contact for lifted ends, end contact for lifted middle. Preserve the softly blurred cast shadow beneath lifted portions and apply the shared treatment across tape labels.
✓Correct the contact-layer stacking: opaque surface above contact, contact above diffuse cast shadow. Inspect both curl directions so no contact shading paints over the face of the label.
✓Increase diffuse cast-shadow blur and modestly darken it, preserving its behind-the-label layer and separate close contact shading. Latest tuning supersedes the earlier lighter cast shadow.
✓Remove the legacy outer clip from every chapter label, not just Expression. Keep clipping on the tape face only, so curved edges, contact shading and cast shadow remain visible for Start, Worlds, Materials, Settings, Motion, Layout, Skills, Plan and Sources.
🧪 Earlier interaction prototypes · reference material
👆 An invitation to open
Hover or focus for the themed hint. Click once to open; click again to close.
💬 One clear intention
🧭 Start with the person. What matters, and what would a useful result feel like?
📌 Keep creator guidance here. Working observations belong in Notes.
Click the same emoji again to close · Escape also closes.
🧭 A useful next step
🎯 Make the outcome visible. Choose the sources, steps and checks that serve it.
🧰 Match effort and context to the actual task.
Click the same emoji again to close · Escape also closes.
🔎 Find the evidence
📚 Reuse what we already know. Then investigate the questions that still matter.
🔗 Keep source locations, uncertainty and competing explanations together.
Click the same emoji again to close · Escape also closes.
🎨 Build from the template
🌈 Begin with the exact reference. Preserve material, lettering and interaction before adapting.
✨ Use color to guide attention, with breathing room around each idea.
Click the same emoji again to close · Escape also closes.
📝 Keep the working thread
✏️ Record useful observations. Preserve attribution and corrections.
💬 This lined-paper variant differs from the warm-yellow Plan note.
Click the same emoji again to close · Escape also closes.
💗 A little care
💗 Make the next action easy. A small invitation can open a useful conversation.
🌱 Pink cue, pink note, matching ink: one coherent interaction.
Click the same emoji again to close · Escape also closes.
🧭 A journey you can read
Demonstration data · these are examples, not a live worker.
Prepare
📦 You receive: a clear brief and its sources. ✨ Done means: another worker can explain the task.
Build
🛠️ You receive: a usable piece of the experience. 🔗 Needs: the agreed brief. 🔎 Done means: the real interaction works.
Review
📎 You receive: a checked result with evidence. 💬 Needs: completed work. ✅ Done means: the owner accepts it or records a correction.
🔊 Playback with an honest state
A good interaction tells you what opens, preserves your place, and makes it easy to close or continue.
Optional device speech. The readable text stays available.
🔗 From interface to real work
🎯 The trigger describes its action. The surface explains the useful moment. The connected tool performs only the permitted action. The receipt shows what actually happened.
Example: accepted result. A status light accompanies words and verified state; it never creates activity by itself.
📐 Reuse this interaction contract
Handwritten thematic label; gray handwritten count; meaningful emoji with its own slight tilt.
The hint borrows the opened surface’s paper and ink. Rainbow uses a neutral paper surface and rainbow lettering.
Hover moves the sticker gently; it does not open the full content. Click and keyboard activation toggle it.
Reveal from the trigger’s horizontal position with a brief fade and scale. Keep content readable, structured and complete.
Keep note, postcard, lined-paper and result-card variants distinct. Do not flatten every surface into one gray paragraph.
Respect reduced motion and keyboard focus. Speech begins only on request and retains a readable fallback.