Style My Reel by mukh.1

Try the palettes live

Palette

This is the actual HTML composition running in your browser — the same code your agent learns from.

Signature moves

  • sprout-grow

    Mound rises, seed drops, the stem draws upward, then leaves unfurl from their bases, lowest first.

  • leaf-unfurl

    Any leaf or leaf icon opens from its base with a small overshoot.

  • gentle-sway

    Landed plants sway around their base like there is a breeze.

  • impact-count

    Counters tick up with a long, satisfying deceleration.

  • vine-grow

    A vine draws down the list and puts out one leaf per item as it passes.

  • corner-grow

    Big leaves grow in from off-frame corners to frame cover and end scenes.

  • compost-fade

    Scene exit: sink 30px and fade.

Sound

Warm organic indie-folk / acoustic: fingerpicked guitar, soft marimba, light shaker, a hopeful lift.

Voice

Sincere, warm, unhurried (≈140 wpm). Plain language, no guilt; say the number and what it means.

What's in the pack

STYLE.md

332 lines: tokens, motion system, 6+ scene recipes, captions, sound, ratios, self-audit.

SKILL.md

Auto-loads in Claude Code when you ask for this look.

palettes.json

4 tested palettes + rules for mapping your brand colours.

showcase.html

A working reference composition of every signature move.

Principle: everything grows from the ground up · show the number, show the source · paper, not plastic

More lifestyle & local styles