NamerynWebsite Prompt Generator
Draw your page as boxes, name each one, and copy a prompt that tells ChatGPT, Claude, Lovable or v0 how the page is laid out. The prompt holds only your boxes and your words, and nothing leaves your browser.
Prompt preview
Simple mode: composition only, no pixel sizes. Edit it here before copying.
Dragging boxes needs a mouse. On a phone, start from a layout above and edit the prompt text here.
Prompt copied. When the site is built, it needs somewhere to live.
Host it on HostingerYour Words, Nothing Else
The prompt is built only from the boxes on the canvas and the labels and notes you typed into them. Nameryn adds the same fixed instructions to every prompt, such as Build this layout and Do not add extra major sections, which you can read in the examples below, and nothing else: no hidden text, no tracking code, no link. Nothing you draw or type is sent anywhere; saved layouts stay in this browser until you delete them.
Website Prompt Examples
The three layouts in the Start from menu and the Simple prompt each one gives. Load one, rename the boxes for your own site, and copy.
Landing page
Build this layout. Do not add extra major sections. - Full-width Header at the top (logo left, links and a sign-up button right) - Full-width Hero below (headline, one line of copy, primary button) - 3 columns below: left Feature one, center Feature two, right Feature three - Full-width Testimonials below - Full-width CTA below (one sentence and the same button as the hero) - Full-width Footer at the bottom
Blog post
Build this layout. Do not add extra major sections. - Full-width Header at the top (site name left, categories right) - 2 columns below: left Content, right Sidebar (about the author, popular posts) - Inside Content: Post title (title, author and date), then Article - Full-width Newsletter sign-up below - Full-width Footer at the bottom
Online shop
Build this layout. Do not add extra major sections. - Full-width Header at the top (logo, search, cart) - Full-width Hero below (this season's collection and a shop button) - 2 columns below: left Filters, right Product grid (three products per row with price and add to cart) - Full-width Footer at the bottom (shipping, returns, contact)
How to Turn a Layout Into an AI Prompt
- Start from a layout: the starter, a landing page, a blog post or an online shop.
- Shape the page: add, drag and resize boxes until the canvas matches the page you want. Double-click a box to rename it.
- Write notes for the AI: select a box and say what goes in it, such as logo left, links right.
- Pick Simple or Detailed: words only, or words plus pixel positions and an ASCII map.
- Copy and paste into ChatGPT, Claude, Lovable, v0 or any AI site builder.
Tips for Better Website Prompts
- Name boxes by their job, not their look: Pricing tells the AI more than Blue box.
- Put a box inside another to group it: a Post title and an Article inside a Content box come out as one column.
- Side by side means one row: boxes at the same height become columns in that order.
- Keep notes short: one line per box is enough; describe the content, and let the AI handle the styling.
- Start Simple: switch to Detailed only when the AI keeps getting proportions wrong.
Frequently Asked Questions
Which AI tools can use the prompt?
Any tool that builds a page from text: ChatGPT, Claude, Gemini, and site builders such as Lovable, v0 or Bolt. The prompt is plain text, so paste it wherever you would describe the page yourself.
What is the difference between Simple and Detailed?
Simple describes the composition in words: what sits at the top, which blocks share a row, what is inside what. Detailed adds each box's position and size in pixels and a rough ASCII map. Start with Simple; use Detailed when the AI keeps getting proportions wrong.
Is my layout or prompt sent anywhere?
No. The canvas, the prompt and any saved layouts stay in your browser. Saved layouts live in this browser's storage until you delete them, and Export file downloads a copy to your device.
Does it work on a phone?
Partly. Dragging and resizing boxes needs a mouse, so on a phone start from a layout, switch between Simple and Detailed, and edit the prompt text before you copy it. Draw a layout of your own on a computer.
Does Nameryn add anything to my prompt?
Only the same fixed instructions every prompt carries, such as Build this layout and Do not add extra major sections, which you can read in the examples on this page. Everything else comes from your boxes and the labels and notes you typed. There is no hidden text, tracking code or link in the prompt.
After you copy a prompt, a Host it on Hostinger button appears under the prompt. It is a plain link today and never changes the prompt.