Clothing Boutique Website Prompt — Editorial Fashion Design with Product Grid and Lookbook

A chic women's clothing boutique website prompt with editorial lookbook, horizontal product rows, category blocks, and newsletter capture. Works in Lovable, Bolt, and v0.

Build a chic women's clothing boutique website called "Maison Cleo" in Nashville, TN. Tech stack: React + Vite + TypeScript + Tailwind CSS + Framer Motion. Design: warm white background (#FFFEF9), near black primary (#0A0A0A), terracotta accent (#C4622D), warm sand secondary (#E8DCC8). Typography: condensed bold editorial sans hero headings, clean product names, tabular price text. Sections: minimal centered navbar (shop, new arrivals, brands, sale on left; search + wishlist + cart icons on right), full-bleed campaign hero with Ken Burns zoom (slow 8s), editorial text overlay with current collection name and terracotta CTA, horizontally scrollable "New Arrivals" row (5 product cards, hover reveals second photo), 3 full-height editorial category blocks side by side (Tops & Blouses / Dresses & Skirts / Outerwear & Layers, each with full-bleed photo + white "Shop" overlay), curated brands row (6 brand names: Vince, Velvet, Ulla Johnson, Free People, Veronica Beard, Rails), alternating lookbook section (3 looks, photo + outfit description + "Shop This Look" links), 4-product bestsellers grid with terracotta "Bestseller" badge, about section (brand story + boutique interior photo + store address), 3 customer reviews, sand-colored newsletter band ("Be the First to Know"), 6-photo Instagram row, dark near-black footer. Hero: "Curated Style, Effortlessly Yours". CTA: "Shop New Arrivals". Mobile: hamburger nav, swipeable product rows, stacked category blocks, sticky cart icon.

The generated results may vary

Categories

Categories

FAQ

Is this prompt built for a physical boutique or an online store?

Both — the about section includes a store address and hours, and product cards support online browsing. For actual checkout, connect to Shopify after generation. Lovable can help add a cart and product integration with a follow-up prompt.

Can I change the target customer or clothing style?

Yes — swap the brand name, update category block names, and rewrite the about section. Menswear, kidswear, vintage, and streetwear all work with this layout. The color system can shift to any brand color easily.

What are the product card image dimensions?

Product cards use portrait-ratio photos (3:4) — standard for fashion. Category blocks are square or landscape. Hero and lookbook images are full-bleed. All image descriptions are written so the AI generates correctly sized placeholder visuals.

Can I add a size guide, wishlist, or cart functionality?

Wishlist and cart icon placeholders are in the navbar. For full e-commerce — add-to-cart, size guides, checkout — follow up in Lovable or connect to a Shopify headless storefront. The base prompt generates the marketing and discovery layer.

Full clothing boutique website design: Ken Burns hero, lookbook, new arrivals, shop sections

FAQ

Is this prompt built for a physical boutique or an online store?

Both — the about section includes a store address and hours, and product cards support online browsing. For actual checkout, connect to Shopify after generation. Lovable can help add a cart and product integration with a follow-up prompt.

Can I change the target customer or clothing style?

Yes — swap the brand name, update category block names, and rewrite the about section. Menswear, kidswear, vintage, and streetwear all work with this layout. The color system can shift to any brand color easily.

What are the product card image dimensions?

Product cards use portrait-ratio photos (3:4) — standard for fashion. Category blocks are square or landscape. Hero and lookbook images are full-bleed. All image descriptions are written so the AI generates correctly sized placeholder visuals.

Can I add a size guide, wishlist, or cart functionality?

Wishlist and cart icon placeholders are in the navbar. For full e-commerce — add-to-cart, size guides, checkout — follow up in Lovable or connect to a Shopify headless storefront. The base prompt generates the marketing and discovery layer.

Similar prompts

Frequently asked questions

What is websiteprompts.ai?

websiteprompts.ai is a free library of AI website prompts. Each prompt is a ready-to-use text instruction that generates a complete website design when used with an AI website builder like Lovable, Claude, Bolt, v0, or similar tools.

How do I use these prompts?

Copy any prompt from websiteprompts.ai, open your AI website builder of choice — Lovable, Bolt, v0, Claude, ChatGPT, or any other tool — paste the prompt, and let the AI generate your website. No coding or design experience needed.

Are the prompts free?

Yes — every prompt on websiteprompts.ai is completely free. Copy and use them as many times as you like, for personal or commercial projects.

Which AI tools do the prompts work with?

The prompts are designed primarily for Lovable and Bolt, but they work with any AI tool that can generate websites — including v0, Claude, ChatGPT, Cursor, Framer AI, and others.

How often are new prompts added?

New prompts are added every day. The library is constantly growing with prompts for different industries, website types, and design styles.

Do I need any technical skills to use these prompts?

No technical skills required. Copy the prompt, paste it into any AI website builder, and the AI handles the rest. websiteprompts.ai is built for anyone who wants a professional website without writing code.

Frequently asked questions

What is websiteprompts.ai?

websiteprompts.ai is a free library of AI website prompts. Each prompt is a ready-to-use text instruction that generates a complete website design when used with an AI website builder like Lovable, Claude, Bolt, v0, or similar tools.

How do I use these prompts?

Copy any prompt from websiteprompts.ai, open your AI website builder of choice — Lovable, Bolt, v0, Claude, ChatGPT, or any other tool — paste the prompt, and let the AI generate your website. No coding or design experience needed.

Are the prompts free?

Yes — every prompt on websiteprompts.ai is completely free. Copy and use them as many times as you like, for personal or commercial projects.

Which AI tools do the prompts work with?

The prompts are designed primarily for Lovable and Bolt, but they work with any AI tool that can generate websites — including v0, Claude, ChatGPT, Cursor, Framer AI, and others.

How often are new prompts added?

New prompts are added every day. The library is constantly growing with prompts for different industries, website types, and design styles.

Do I need any technical skills to use these prompts?

No technical skills required. Copy the prompt, paste it into any AI website builder, and the AI handles the rest. websiteprompts.ai is built for anyone who wants a professional website without writing code.

Frequently asked questions

What is websiteprompts.ai?

websiteprompts.ai is a free library of AI website prompts. Each prompt is a ready-to-use text instruction that generates a complete website design when used with an AI website builder like Lovable, Claude, Bolt, v0, or similar tools.

How do I use these prompts?

Copy any prompt from websiteprompts.ai, open your AI website builder of choice — Lovable, Bolt, v0, Claude, ChatGPT, or any other tool — paste the prompt, and let the AI generate your website. No coding or design experience needed.

Are the prompts free?

Yes — every prompt on websiteprompts.ai is completely free. Copy and use them as many times as you like, for personal or commercial projects.

Which AI tools do the prompts work with?

The prompts are designed primarily for Lovable and Bolt, but they work with any AI tool that can generate websites — including v0, Claude, ChatGPT, Cursor, Framer AI, and others.

How often are new prompts added?

New prompts are added every day. The library is constantly growing with prompts for different industries, website types, and design styles.

Do I need any technical skills to use these prompts?

No technical skills required. Copy the prompt, paste it into any AI website builder, and the AI handles the rest. websiteprompts.ai is built for anyone who wants a professional website without writing code.

Get new AI website prompts every week — straight to your inbox.

Every Friday we drop a fresh batch of AI website prompts and tips to help you build better websites faster.

Join 1,000+ AI enthusiasts

liquid metallic gradient

Get new AI website prompts every week — straight to your inbox.

Every Friday we drop a fresh batch of AI website prompts and tips to help you build better websites faster.

Join 1,000+ AI enthusiasts

liquid metallic gradient

Get new AI website prompts every week — straight to your inbox.

Every Friday we drop a fresh batch of AI website prompts and tips to help you build better websites faster.

Join 1,000+ AI enthusiasts