πŸ”—
CONNECTION

Small invitations. Meaningful connections.

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.

Open the three examples in their own view β†—

πŸ§ͺ 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.