Build a blog post page

"Create a detail page for my blog collection. Bind the title, date, cover image, author and rich text content to the CMS fields. Style headings, paragraphs, links, lists, quotes and images inside the rich text with my text styles, keep the text column around 65 to 75 characters wide, and add a list of three other posts at the bottom."

Paste this prompt into your Framer AI agent and run it on the page you’re working on.

Discover more prompts

Audit my spacing

Review every section on this page, on every breakpoint, against a 4px spacing scale (4, 8, 12, 16, 24, 32, 48, 64, 96). List each gap or padding value that is off the scale, the layer it sits on, and the nearest allowed step. Do not change anything yet.

Rewrite my hero copy

Copy

Rewrite this hero headline and subline for my site. Headline: six words max, saying what I offer and for whom. Subline: one sentence with the main benefit. No buzzwords, no exclamation marks. Give me three options, each with a different angle.

Add phone breakpoint

Layout

Create a phone breakpoint (390px) for this page. Switch horizontal stacks to vertical, reflow grids to one column (two for small items like logos), reduce section padding by about half, keep body text at 16px or larger, and keep at least 16px of side padding so nothing touches the screen edge.

Audit my spacing

Rewrite my hero copy

Copy

Browse all prompts

Frequently asked questions

How to use this prompt in Framer AI, and what to expect when you run it.

Get in touch

Are the prompts free?

Will a prompt change my site without asking?