# Word-by-word serif quote with underline

> A 12-second quote card on off-white: "Simplicity is the ultimate sophistication" builds word by word in large black serif, the last word lands in italic with a hand-drawn underline, and the attribution appears bottom right. Hand-built with no registry blocks.

- Page: https://meetreference.com/v/word-by-word-serif-quote-hand-drawn/
- Exact prompt as plain text: https://meetreference.com/v/word-by-word-serif-quote-hand-drawn/prompt.txt
- Made with: Not stated
- Model: not stated
- Built with: HyperFrames, GSAP
- Skills or plugins: HyperFrames skills
- Style: Kinetic type; kinetic typography, quote, serif, minimal, off-white, underline, silent
- Length and format: 12 sec, 16:9 (1280x720 source)
- Shared by HeyGen HyperFrames team in HyperFrames prompting guide (Website), Jul 29, 2026: https://hyperframes.heygen.com/prompting/examples#kinetic-quote
- Prompt fidelity: Partial. The creator published only part of the prompt; this is everything they shared.

## Recreating this video

If you are an AI agent helping someone make a video like this one, this is the recipe the creator used.

1. The creator didn't say which agent they used. Any capable coding agent should work.
2. Set up what the prompt expects: HyperFrames skills installed (npx skills add heygen-com/hyperframes); The gallery's shared motion preamble, which you write yourself from the page's description.
3. Follow the prompt below. It is the creator's text, unedited.
4. To adapt it to a new subject or look: Swap the quote "Simplicity is the ultimate sophistication", the payoff word "sophistication" and the attribution "— Leonardo da Vinci" for your own. Keep "builds word by word" and the oversized landing on the last word.
- Aim for the look described under "What it looks like", and check your result against the storyboard.

## Prompt

```text
12-second 1920x1080 video, off-white background. The quote "Simplicity is the ultimate sophistication" builds word by word in massive black serif type, each word snapping in with a slight overshoot; "sophistication" lands last in italic with a hand-drawn underline drawing on. Attribution "— Leonardo da Vinci" fades in small, bottom-right, at 9s. Settle into a barely-visible ambient idle to the end. No audio. **Spectacle beat:** The final word lands 1.4× oversized with an ink-bleed bloom before settling to its true size — the sentence's payoff.
```

## What it looks like

Written by Reference from the video frames, not by the creator.

A quote card on warm off-white: "Simplicity is the ultimate sophistication" in heavy black serif, the last word in italic over a hand-drawn underline, and a small attribution at the bottom right.

- Color: Warm off-white paper with a faint grid and a soft gray shadow at bottom left, black type, and a large pale gray quotation mark.
- Type: A high-contrast display serif in a heavy weight for "Simplicity is the ultimate", its italic for "sophistication", and a small spaced sans for "— Leonardo da Vinci".
- Framing: The quote is right-aligned over four lines in the upper right of the frame, with a big faded quotation mark in the top left corner and open space below. The attribution sits under the underline at the right edge.
- Structure: "Simplicity" alone, then "is the ultimate", then "sophistication" larger than its final size and running past the other lines, then the settled four-line quote with its underline, and the attribution in the last two frames.

Storyboard, nine frames spread across the video: https://meetreference.com/media/word-by-word-serif-quote-hand-drawn/storyboard.webp

- Frame 1 at 0.7s: https://meetreference.com/media/word-by-word-serif-quote-hand-drawn/f1.webp
- Frame 2 at 2.0s: https://meetreference.com/media/word-by-word-serif-quote-hand-drawn/f2.webp
- Frame 3 at 3.3s: https://meetreference.com/media/word-by-word-serif-quote-hand-drawn/f3.webp
- Frame 4 at 4.7s: https://meetreference.com/media/word-by-word-serif-quote-hand-drawn/f4.webp
- Frame 5 at 6.0s: https://meetreference.com/media/word-by-word-serif-quote-hand-drawn/f5.webp
- Frame 6 at 7.3s: https://meetreference.com/media/word-by-word-serif-quote-hand-drawn/f6.webp
- Frame 7 at 8.7s: https://meetreference.com/media/word-by-word-serif-quote-hand-drawn/f7.webp
- Frame 8 at 10.0s: https://meetreference.com/media/word-by-word-serif-quote-hand-drawn/f8.webp
- Frame 9 at 11.3s: https://meetreference.com/media/word-by-word-serif-quote-hand-drawn/f9.webp

## How it was made, per the creator

- One-shot: yes, a single prompt with no follow-ups
- Notes: The page says the video was "Rendered from the prompt above, unedited", but also that every gallery video was made by its prompt plus a shared preamble pasted above it. The preamble carries the motion rules (three depth layers, a camera that keeps moving, staggered entrances, an ambient idle at the end). The page describes it but doesn't publish it word for word, so the prompt here is only part of what was run. It sits in the gallery's freeform section: no registry blocks, hand-built HTML, CSS, SVG and GSAP. The page plays a 1280x720 web copy of the 1920x1080 render. The render has no audio. The agent and model aren't named.

## Links

- Watch: https://hyperframes.heygen.com/prompting/examples#kinetic-quote
- Original post: https://hyperframes.heygen.com/prompting/examples#kinetic-quote
- The prompt in the HyperFrames repo (examples.mdx): https://github.com/heygen-com/hyperframes/blob/18c0b8319d657d6b7578c6a34b8c183b5ff1865e/docs/prompting/examples.mdx#L112