Title: Interactive Origami — Paper Folding Atelier
Creative prompt: Run a paper-folding atelier where each click is a crease from flat square to standing crane. Use rice paper, persimmon, and indigo with dashed valley/mountain crease lines. It should feel patient, precise, and quietly joyful.
Design description: A ruled atelier header crowns an instruction column (step jumps, fold/tint sliders, unfold/fold/flip, live step readout) beside a bordered folding-table canvas; three model cards with CSS folded-animal glyphs close the layout.
Major visual techniques:
- Canvas interpolated folding square with dashed crease map and emerging crane
- CSS clip-path crane/boat/fox glyphs, bobbing keyframe on the crane
- Hard offset shadows, blueprint grid paper backdrop
Interaction model: Clicking the paper or fold button advances seven steps; step-jump buttons, fold-progress slider scrub, and play/pause auto-fold drive progress; tint and flip restyle the sheet; model cards reset the sequence per animal.