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