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

  • pop-up

    Default entrance: rise, scale up and overshoot once.

  • photo-toss

    Team frames drop onto the page like prints and settle at a slight angle.

  • value-flip

    Value cards turn over to explain themselves, one after another.

  • badge-spin

    The hiring badge ring turns continuously; the centre star stays upright.

  • chip-cascade

    Role chips pop in left→right, row by row.

  • tick-off

    Perk check discs pop, then their tick draws.

  • scribble-draw

    The hero keyword gets a hand-drawn underline.

  • bubble-reveal

    Scene change: the next scene grows out of a circle centred on the badge or the CTA.

Sound

Feel-good indie pop or upbeat acoustic: hand claps, ukulele or bright guitar, light shaker, warm bass; optimistic, no vocals under VO.

Voice

Friendly team member, not a recruiter: warm, smiling, ≈ 155 wpm, first person plural ('we', 'our team'), contractions welcome.

What's in the pack

STYLE.md

340 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: people first, then the job · warm colour, honest words · one bounce, then stillness

More business & news styles