Winter wedding website
A dark-theme winter wedding site: a candle at the door, snow across the whole site, a house in a snowy forest and a countdown, a garland story with bulbs, a sunset-to-midnight schedule with a moon, a “velvet and wool” dress code, a map with shuttle and rooms, a reply letter with an envelope and wax seal, FAQ on frosted glass, a gallery in window frames, who meets you, “for the fireplace” gifts, notes on a fogged window and a pine footer. Night blue, candles and silver, Cormorant Garamond and Marck Script.
A dark, intimate invitation for a winter celebration: snow falls across the whole site, the programme runs from sunset to midnight, and there is a dress code, transfer, an overnight stay and a reply letter from guests. The couple in the demo is fictional.
What it is made of
15 catalog blocks in page order. Each one is installed with its own command; nothing is recreated.
1. Snow
Full-screen snowbackground-006
A full-screen layer: three flake depths, wind, a switch in the header.
2. Header
Header with a bulb garland and a snow switchnavbar-027
A bulb garland along the edge, a snowflake monogram, snow and music on click, “RSVP”.
3. Candle and hero
Hero with a candle intro and a house in a snowy foresthero-027
A click on the wick lights the candle; a forest house, names, countdown, “add to calendar”, a photo in a window.
4. Story
Couple's story as a garland: bulbs light up on scrollabout-013
A garland with four bulbs lighting up on scroll, frames underneath.
5. Interlude
Typographic interlude spreadlayout-017
A huge outlined date across the full width, a warm glint on scroll, “when it gets dark” and a snowdrift.
6. Evening
Evening schedule with a moon crawling across the sky on scrollevent-013
The moon crawls across the sky on scroll, evening items light up by candle.
7. Dress code
“Velvet and wool” dress code with fabric swatch ribbonsevent-014
Fabric ribbons on a rail with HEX copying, “her” and “him” looks, evening rules.
8. Getting there
Getting there: a dark map, the house in a frosted frame and four travel cardsmap-009
A dark map, the house in a frosted frame, car, shuttle, rooms, parking.
9. Reply letter
Reply letter: a five-step RSVP on paper with an envelope and wax sealcontact-020
Five steps on paper: who, stay, travel, menu, song; an envelope with a wax seal, a “Waiting” stamp.
10. FAQ
FAQ on frosted glass with a snowflake markerfaq-022
Cards on frosted glass, the snowflake rotates and lights up.
11. Shots
Gallery in window frames: frost melts on hover, lightboxportfolio-010
Photos in window frames, frost melts on hover, a lightbox.
12. Who meets you
Who meets you: cards with a candle on eachpeople-011
The wedding party and planner with a candle each, contacts.
13. Gifts
“For the fireplace” gifts: a hearth card with a live firecta-023
A hearth card with a live fire; copying the details prints “Thank you!”.
14. Wishes
Wishes as notes on a fogged windowtestimonials-022
Notes on a fogged window and a “write on the glass” form.
15. Footer
Footer with pine branches in the corners and a snowflake monogramfooter-026
Pine in the corners, the monogram, “see you in the snow”, hashtag, “reply by”.
Pro
The exact composition, page source and agent link are in PRO
The demo and the block list are open to everyone. Subscribers see every block's props as in the demo, the theme rules, the image prompts and one link an AI agent uses to build the same page.
Get PROFAQ
- What is the “Winter wedding website” page made of?
- 15 catalog sections in order: Full-screen snow, Header with a bulb garland and a snow switch, Hero with a candle intro and a house in a snowy forest, Couple's story as a garland, Typographic interlude spread, Evening schedule with a moon crawling across the sky on scroll, “Velvet and wool” dress code with fabric swatch ribbons, Getting there, Reply letter, FAQ on frosted glass with a snowflake marker, Gallery in window frames, Who meets you, “For the fireplace” gifts, Wishes as notes on a fogged window, Footer with pine branches in the corners and a snowflake monogram. Each one is a separate VibeUI item.
- How do I build this page with an AI agent?
- Press “Copy the scenario for AI” and paste it into Cursor or Claude Code: the agent gets the page source, shared theme rules and image prompts, and installs every section from the registry with the shadcn CLI.
- Is the scenario free?
- The live demo and the list of sections are open to everyone. The page source and the instruction for the agent come with PRO.