Add phone breakpoint

"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."

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.

Tighten my color palette

Color

List every color used on this page, group near-duplicates, and propose a palette of at most eight color styles, with light and dark values for each. Show which layers would change. Do not apply anything yet.

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?