Skip to content

Cream Serif Launch

Warm cream, a chunky serif with one coral italic word, and a product demo that proves a number.

16:9Medium pace8swarmfriendlycredible

Friendly editorial launch style for developer tools and AI products. A big Fraunces question de-blurs onto warm cream with one coral italic word, a soft paper card types a real query and surfaces results with a highlighter sweep, two bars compare before and after while a tilted coral percentage slams in, and the logo lockup ends on an install command.

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 "cream-serif-launch" and open it for review.

style.json Install Frame Jam

Palette

background#f3ede2

card#fffaf2

ink#1d1b18

coral#ec5b3c

coralTint#fbe3d9

muted#8f877b

border#e2d9c9

Type

Display: Fraunces 800, 700 italicHeadlines 76–150px tracking -0.02em; one coral italic word per line; stat 260px
Body: Inter 400, 500, 600UI text 24–34px, labels 32px, notes 28px muted
Mono: JetBrains Mono 500File paths and the install pill, 26–30px

Motion

Deblur: power3.out
Card: expo.out
Bars: expo.out
Stat: back.out(2.2)
Highlight: power2.inOut
Average shot: 2s

Four beats of ~2s: question, demo, proof, lockup.

Transitions and text

hard cut between scenes; the next headline rises 30px
headlines and logos resolve from blur (8–26px) instead of fading
headline de-blurs from blur(26px) + scale 1.08
query types character by character with a coral caret
result rows rise in sequence, the first gets a coral-tint highlighter sweep
stat slams in tilted -8° from scale 1.7; the old price is struck through

Style guide your agent follows

Cream #f3ede2 with a soft centre lightening; cards are #fffaf2 with a warm, low shadow. No pure white or black backgrounds.
Headlines in Fraunces 800; exactly one word per headline in coral italic (Fraunces 700 italic).
Show the product doing one real thing (typed query → concrete file paths), not abstract UI.
Prove it with a before/after bar pair and one big coral percentage; always add a small muted methodology note (n, what was measured).
Resolve titles and logos from blur; use expo.out for cards and bars.
End on mark + wordmark, a two-part tagline with the second half in coral italic, and a dark mono install pill.