How to use
01
Start with your names
Open Framer’s AI and type /rebrand with your studio’s name, town, email and phone. It changes the wordmark, the contact details in the nav, the footer and the closing panel, and every page title.
To do it by hand: the wordmark, contact details and the closing panel live in Main Layout, so one change reaches every page.
02
The clock in the hero
Day Clock rolls through the moments of one wedding day. Select it on Home and edit Moments in the right panel: a time, a title, a line, a caption and a photo for each, and where the photo is centred.
Day Photo shows the photo for whichever moment the clock is on, so the photo can sit anywhere on each breakpoint. Visitors can tap any hour on the ruler or pause the day. With reduced motion it holds still.
03
Is your date open?
Date Check sits in the hero and in the closing panel in Main Layout. Add the dates you’ve booked to Booked dates (2027-06-12), and set Book until to the last date you take bookings for.
Every answer links to Inquire, and the date shows above the form. The closing panel is switched off on a page with Show Date Check (it’s off on Home, Inquire and these guide pages).
04
Stories
Each story is an item in Stories. Cover is the first photo, Kind sets the filter, Order sets the sequence, and the first three by Order are on Home. Time 1 to 5 fill the sticky list beside the day.
The Body holds the whole day: a Heading 2 for each time, a line about it, then its photos. Add as many photos as you like; the story page lays them out in order.
05
The Stories filter
The chips on Stories filter by Kind and update the address to ?kind=Elopements, so a filtered page can be shared.
To add a kind, duplicate a chip, change its label and set its Click value to the same word as in the CMS.
06
Prices
The switch on Prices shows weddings or portraits and updates the address to ?for=Portraits, so you can link straight to portrait prices.
Prices are typed on the pages, not in the CMS. If you change them, change them on Home, Prices, Weddings, Elopements and in the FAQ, or ask the AI to find every price for you.
07
Places
Each venue in Venues gets its own page: a cover, the drive time, a short note and a Body with headings and photos. Pages about the venues you work at are how couples searching for those venues find you.
Add one for every venue you’ve photographed more than once.
08
Journal
Date sets the order, newest first, and the newest article is the large card. Read time is typed by hand, about 200 words a minute. The list shows three more as you scroll.
09
The inquiry form
Inquire asks for both names, an email, the date and the venue, and leaves phone, guests, how they found you and the day optional.
Choose where answers go: select the form on Inquire, then Send To in the right panel (email, a webhook or a tool you use). Send yourself a test before you launch.
10
Photos
Use JPG or WebP about 2,400px on the long side. Write alt text for every photo you add: select it, then Alt Text in the right panel.
The photos in Linnet were made for it and may stay on your site, but your own work is what books you. Replace them first.
11
Motion
Photos settle as they scroll in, headings rise word by word, cards zoom a little under the pointer, and the nav hides on the way down and comes back on the way up. Smooth Scroll in Main Layout sets how smooth the page feels.
Visitors who ask their device for reduced motion see the site without any of it.
12
Ask the AI
Linnet ships five skills for Framer’s AI. /design-system builds new sections from Linnet’s parts. /rebrand turns the demo into your studio. /voice writes in the same plain style. /new-story turns a gallery and a few notes into a story. /launch-check lists what to fix before you publish.
Rules that are always on keep the AI inside the design system even when you don’t name a skill.
13
Prompts that work
Use /rebrand. The studio is called [name], in [town], email [address], phone [number].
Use /new-story. These are the photos from [names]’ wedding at [venue] on [date]. My notes: [notes].
Add a venue page for [venue], [drive] from the studio, with what couples should know about the light and the season. Use /voice.
Change the prices to [elopement], [wedding day] and [weekend] everywhere they appear.
Add [dates] to the booked dates in both Date Checks.
Write a Journal article about [topic] with /voice: three short sections, published today.
Run /launch-check and tell me what still needs me.
14
Before you launch
Delete the Remix button in Main Layout, and delete or keep these guide pages (they’re hidden from search). Set your site title, description and social image in Site Settings, connect your domain, or run /launch-check.
Linnet uses five CMS collections, so a site on your own domain needs a Framer plan that includes five. Plans change; check framer.com/pricing.
Remix Linnet for free