The style file template

The 4 steps

• Pick a style reference: a brand that already looks premium (a big tech site, a design-led startup, or your own).
• Turn it into one style file: colours, fonts, and how things move (template below).
• Attach it and describe ONE moment: not "make it look nice" but "a button that snaps into a green tick". Ask the AI to check its own frames and fix mistakes before showing you.
• Tweak and export: swap in your words and colours, export as MP4.

house-style.md (copy and fill in)

# House style: [brand name]

## Look
Reference: [site or brand you're inspired by]
Mood: [3 words, e.g. calm, premium, confident]

## Colours
Background: [#hex]   Ink (text): [#hex]
Accent: [#hex]       Second accent: [#hex]
Gradient: [#hex] -> [#hex] -> [#hex]

## Type
Headlines: [font], heavy, tight letter-spacing
Body: [font], regular
Numbers and labels: [mono font]

## Shapes
Corners: [e.g. 24px]   Shadows: soft, large blur, low opacity
Cards: [white / frosted glass / dark]

## Motion
Ease: smooth out, slight overshoot on entrances
Speed: UI moves 0.3-0.6s, big reveals 1-2s
One hero object per scene, lots of empty space
Loops end on a clean, readable frame
Sound on every landing (pop, click, ding)

Motion rules to paste under it

• One idea per scene, one hero object, centred.
• Everything eases; nothing moves at constant speed except slow loops.
• Depth comes from soft shadows and blur, never heavy outlines.
• Every frame is a function of time, so renders are repeatable.

Example moments (one line each)

• "A button that snaps into a green tick."
• "A chart that draws itself left to right with a glowing tip."
• "Dots that swarm into my logo, glow once, then burst into a ring."
• "A number that rolls up like an odometer, then keeps ticking."

Want 24 ready-made moments?

Comment LAB on our page for all 24 animation lines.