Wedding Venue Website Prompt — Dark Slate and Gold Luxury Wedding Venue & Events Estate Website Design for Lovable, Claude, Bolt and more

Wedding venue website prompt — deep slate and gold, Cormorant Garamond, masonry gallery, space rows, packages list, enquiry CTA, full copy. Works in Lovable, Bolt and more.

# Wedding Venue Website Prompt # websiteprompts.ai Build a luxury wedding venue and events estate website called "Ashford Manor" using React + Vite + TypeScript + Tailwind CSS + Framer Motion (motion/react) + shadcn/ui + lucide-react. ## Design System ### Colors ```css :root { --background: 220 18% 10%; /* deep slate #161b26 */ --foreground: 42 28% 90%; /* warm pearl off-white */ --primary: 42 60% 68%; /* warm gold #d4b87a */ --primary-foreground: 220 18% 10%; --surface: 220 16% 14%; --surface-raised: 220 14% 18%; --muted-foreground: 42 10% 58%; --border: 220 12% 22%; } ``` ### Typography - Import: `https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400;1,600&family=Inter:wght@300;400;500&display=swap` - Headlines: Cormorant Garamond 600–700 — italic gold accents - Body: Inter 300–400 - Labels: Inter 500 uppercase 10px letter-spacing 0.14em ## Sections ### 1. Navbar - Sticky deep slate background, `backdrop-filter: blur(12px)` - Left: Cormorant italic wordmark "Ashford Manor" in warm gold - Right: The Venue · Spaces · Weddings · Contact + "Enquire →" gold button ### 2. Hero - Full-viewport height, deep slate background - Full-bleed venue image, composition-independent gradient: `linear-gradient(to bottom, rgba(22,27,38,0.6) 0%, rgba(22,27,38,0.15) 45%, rgba(22,27,38,0.88) 100%)` - Content z-10 at bottom of hero, centered: - Inter 500 uppercase 10px gold label: "Wedding Venue & Events Estate · Cotswolds" - Cormorant 700 `clamp(58px, 8vw, 125px)` pearl: "Where Your Story\nBegins" - Italic gold accent on "Story" - Inter 300 pearl sub: "An exclusive manor estate for weddings, celebrations, and private events in the heart of the Cotswolds" - CTAs: "Check availability →" (gold filled, dark text) + "Explore the estate" (ghost gold) {/* Image brief: grand manor house exterior at golden hour, stone facade, manicured grounds, romantic warm evening light */} ### 3. Key Details Strip - Full-width surface strip with gold top border - 4 horizontal chips with Cormorant italic gold label + Inter 300 muted description: - Exclusive Hire (the entire estate, just for you) - 120 Guests (ceremony) · 80 (dinner) - Licensed 1800s Manor (Grade II listed) - On-site Accommodation (12 bedrooms, sleeps 28) - Slide-in from left on scroll, stagger 0.1s ### 4. The Spaces - "Our Spaces" — Cormorant 700 pearl with gold underline rule (scaleX 0→1) - 3 full-width hover-raise rows: - The Great Hall (ceremony and dining for up to 120, original stone fireplace, oak panelling) - The Walled Garden (outdoor ceremonies, fairy lights, rose-covered pergola) - The Orangery (intimate dinners and receptions for up to 40, floor-to-ceiling glass) - Each: Cormorant 600 large space name left + Inter 300 muted description right + gold "→" - `border-bottom: 1px solid hsl(var(--border))` - Hover: background raises to surface-raised, text turns gold ### 5. Gallery - "The Estate" — Cormorant 700 pearl - 2-column masonry grid, 6 images, alternating aspect-ratios (3/4 and 4/3) - Hover: dark overlay (opacity 0→0.80) with space name in Cormorant italic + season {/* Image brief: grand hall interior with long banquet table, candles, floral arrangements, warm chandelier light, luxury wedding reception */} {/* Image brief: walled garden ceremony setup, wooden chairs, floral arch, ivy covered walls, golden afternoon light */} {/* Image brief: manor house bedroom, luxury four-poster bed, stone walls, warm candlelit glow */} {/* Image brief: outdoor wedding ceremony aerial view, estate grounds, guests seated, tree-lined driveway */} {/* Image brief: orangery interior, glass ceiling, tropical plants, elegant dinner table setting, evening light */} {/* Image brief: manor house grounds at sunset, misty fields, golden light, romantic editorial */} ### 6. Weddings - "Your Wedding Day" — Cormorant 700 pearl - Split: left text, right large wedding image - Cormorant 300 italic pull quote: "We've hosted over 300 weddings. Every one has been different. Every one has been perfect." - Inter 300 muted: 2 paragraphs — exclusive hire means the entire manor is yours. Dedicated wedding planner included. In-house catering or approved caterers. - Gold chips: "Exclusive Hire · Dedicated Planner · Licensed for Civil Ceremonies" - "Download our brochure →" gold outlined button {/* Image brief: bride and groom first look in manor garden, romantic soft light, lush greenery, intimate editorial moment */} ### 7. Testimonials - Surface section - 3 cards: Cormorant italic quote, couple names + wedding date in Inter 10px muted, 5-star row in gold - Stagger fade-up on scroll ### 8. Packages - "Venue Hire" — Cormorant 700 pearl - 3 package rows (not cards — clean list style): - Weekday Exclusive (Mon–Thu, 12 hrs, from £4,500) - Weekend Exclusive (Fri–Sun, 24 hrs, from £8,500) - Full Weekend Buyout (Fri–Sun, accommodation included, from £14,000) - Each: Cormorant 600 package name + Inter 300 muted description + gold price right-aligned - Border-bottom separators, stagger fade-up ### 9. Accommodation - "Stay the Night" — Cormorant 700 pearl - Centered surface section - Inter 300 muted: "12 individually styled bedrooms sleeping up to 28 guests — so the celebration never has to end" - Two illustrated room type chips + "View all rooms →" gold button {/* Image brief: luxury manor bedroom with stone walls, four-poster bed, roll-top bath visible through doorway, warm candlelight */} ### 10. Enquiry CTA - Full-width warm gold `#d4b87a` background - Cormorant 700 dark slate: "Your Date Could Still Be Available" - Inter 300 dark slate: "We take on a limited number of weddings each year — check availability now" - "Check your date →" dark slate button - "Viewings available 7 days a week · Brochure download available" Inter 10px muted below ### 11. Footer - Deep slate background, Cormorant italic wordmark in gold - Instagram · Pinterest · Google link - "© 2026 Ashford Manor · Ashford-on-Water, Cotswolds GL54 · Licensed for Civil Ceremonies" ## Animations - Hero: stagger fade-up on mount (y: 30→0, 0.8s) - Spaces: slide-in hover raise - Gallery: stagger fade-in on scroll - Gold rules: scaleX 0→1, 0.5s ## Responsive - Mobile: stacked hero, 1-column gallery, hamburger nav ## Full Copy - Wordmark: "Ashford Manor" - Hero: "Where Your Story Begins" / "An exclusive manor estate for weddings, celebrations, and private events" - Spaces: The Great Hall · The Walled Garden · The Orangery - Packages: Weekday from £4,500 · Weekend from £8,500 · Full Weekend from £14,000 - Accommodation: 12 bedrooms · sleeps 28 - Testimonial: "Ashford Manor was everything we dreamed of and more. The team made every single detail perfect." — Sophie & Tom, September 2025 - CTA: "Your Date Could Still Be Available" / "We take on a limited number of weddings each year"

The generated results may vary

Categories

Categories

FAQ

What sections are included in the Wedding Venue Website Prompt?

The prompt includes 11 fully specified sections: sticky dark navbar, full-viewport cinematic hero with dual gradient overlay, 4-chip key details strip, 3 hover-raise spaces rows (Great Hall, Walled Garden, Orangery), 2-column masonry gallery with 6 images, weddings split section with pull quote and brochure CTA, testimonials, clean packages price list with 3 tiers, accommodation section, gold full-width enquiry CTA, and footer. Every section includes layout specs, Framer Motion animations, and complete copy.

Also see the Event Planner Website Prompt and Florist Website Prompt for more wedding industry designs.

Who is this wedding venue website prompt designed for?

It's designed for luxury wedding venues, manor estates, country house hotels, and exclusive hire properties that want a website as refined as the weddings they host. The deep slate and warm gold palette, Cormorant Garamond editorial typography, and dual-gradient hero communicate exclusivity and romance — well suited for venues in the £4,500–£14,000+ hire range targeting couples planning a genuinely special occasion.

Which AI tools can I use this prompt with?

The prompt works with Lovable, Claude, Bolt, v0, Cursor, and any other AI web builder that accepts a text prompt. The masonry gallery hover overlays, hover-raise space rows, and hero gradient render best in Lovable and Bolt. The packages list, testimonials, and accommodation section render cleanly in all tools.

Can I change the venue name, spaces, and pricing?

Yes — everything is written to be swapped. Replace "Ashford Manor" throughout, rename the 3 spaces to match your actual rooms, update the 3 package rows with real hire rates, replace the gallery image briefs with your own photography, update the accommodation details, and change the location in the footer. The gold #d4b87a accent swaps via a single CSS variable.

Wedding venue website prompt full preview — deep slate #161b26 background with warm gold #d4b87a accent and pearl off-white text, Cormorant Garamond 700 hero headline over full-viewport cinematic venue image with dual top-and-bottom dark gradient, three hover-raise space rows for Great Hall, Walled Garden, and Orangery with gold right arrows, two-column masonry gallery with alternating portrait and landscape aspect ratios, and clean three-tier packages price list with gold right-aligned pricing

FAQ

What sections are included in the Wedding Venue Website Prompt?

The prompt includes 11 fully specified sections: sticky dark navbar, full-viewport cinematic hero with dual gradient overlay, 4-chip key details strip, 3 hover-raise spaces rows (Great Hall, Walled Garden, Orangery), 2-column masonry gallery with 6 images, weddings split section with pull quote and brochure CTA, testimonials, clean packages price list with 3 tiers, accommodation section, gold full-width enquiry CTA, and footer. Every section includes layout specs, Framer Motion animations, and complete copy.

Also see the Event Planner Website Prompt and Florist Website Prompt for more wedding industry designs.

Who is this wedding venue website prompt designed for?

It's designed for luxury wedding venues, manor estates, country house hotels, and exclusive hire properties that want a website as refined as the weddings they host. The deep slate and warm gold palette, Cormorant Garamond editorial typography, and dual-gradient hero communicate exclusivity and romance — well suited for venues in the £4,500–£14,000+ hire range targeting couples planning a genuinely special occasion.

Which AI tools can I use this prompt with?

The prompt works with Lovable, Claude, Bolt, v0, Cursor, and any other AI web builder that accepts a text prompt. The masonry gallery hover overlays, hover-raise space rows, and hero gradient render best in Lovable and Bolt. The packages list, testimonials, and accommodation section render cleanly in all tools.

Can I change the venue name, spaces, and pricing?

Yes — everything is written to be swapped. Replace "Ashford Manor" throughout, rename the 3 spaces to match your actual rooms, update the 3 package rows with real hire rates, replace the gallery image briefs with your own photography, update the accommodation details, and change the location in the footer. The gold #d4b87a accent swaps via a single CSS variable.

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