Skip to content

Soft Gradient SaaS

Pastel blobs, glass cards and springy pop-ins for a friendly product launch.

16:9Medium pace7.5sfriendlycalmoptimistic

Warm, approachable launch video for consumer and SMB software. Slow drifting pastel blobs behind blurred-in headlines, a frosted product card whose rows check off one by one, and floating benefit pills.

Use this style

With Frame Jam installed, press Use this style in the local gallery, or just ask your agent:

Make a video with the Frame Jam style "soft-gradient-saas" and open it for review.

style.json Install Frame Jam

Palette

background#fbf8ff

text#1d1840

muted#5d5880

primary#7c5cff

secondary#ff7ab6

blobA#c9b8ff

blobB#ffc2dc

blobC#b8f0ff

Type

Display: Plus Jakarta Sans 800Headlines 120px, tracking -0.035em
Body: Plus Jakarta Sans 500, 600, 700Lede 40px, UI rows 30px

Motion

Enter: power3.out
Card: back.out(1.4)
Pop: back.out(2–3)
Ambient: sine.inOut
Exit: power2.in
Average shot: 2.5s

Ambient blob drift spans the whole video; foreground beats every ~0.25s.

Transitions and text

blur-out up (y -40, opacity 0)
soft scale-in
blur-to-sharp rise (filter blur 12px → 0)
gradient text on the payoff line
row check-off stagger

Style guide your agent follows

Three blurred blobs (filter: blur(90px)) drift for the full duration with sine.inOut — never stop the background.
Headlines: two lines, the second in a #7c5cff → #ff7ab6 gradient (background-clip:text). Enter with y 50 + blur 12px, 0.8s power3.out, 0.3s apart.
Product UI goes in frosted cards: white 72% + 36px radius + soft purple shadow. Rows reveal with 0.22s stagger and gradient check circles that pop with back.out(3).
Benefit pills float in with back.out(2) and bob gently (y -12, yoyo).
End on the product name + a dark pill CTA with the real URL.