Edit Me

Make it yours

Everything on this site is edited in the CMS, in colour styles or in component controls. Start here.

Everything on this site is edited in the CMS, in colour styles or in component controls. Start here.

1. Drinks and the hero

Open CMS > Drinks. Each drink has a Name, Spirit, Taste, Price, Photo, Tint and Accent. Turn on Signature for the drinks that appear in the hero and the Signature drinks section (up to five, sorted by Order).

The hero reads the signature drinks from a hidden list inside the Hero section called Hero drinks feed. Leave that list in place. Use 4:5 photos with the drink in the middle.

2. Tint and Accent colours

Pick a light Tint for each drink and a dark Accent that reads well on it. Keep body text dark (#141414) on every tint.

As visitors scroll the hero, the Tint and Accent colour styles change to the drink on screen, so the nav, buttons and tinted sections follow. Turn this off in the Drink Pour component with Site colours follow. Leave the two style ID fields as they are.

3. Hero text and buttons

Select Drink Pour on the Home page to edit the headline, button, text link, count label and scroll length per drink. On screens under 1000 px wide the hero shows the first drink, then the others as tinted cards.

4. Menu page

Each spirit section on the Menu page shows drinks whose Spirit field matches its name exactly (Gin, Tequila, Vodka, Rum, Whiskey, Zero-proof). To add a spirit, duplicate a section, rename it, change its list filter and give it a new scroll target name for the Jump to chips.

5. Events

Open CMS > Events. Lists sort by Date, so past events can simply be deleted or moved to a later date.

6. Bookings

The booking forms send to Framer form submissions. In the form settings you can forward them to email, Google Sheets or a booking tool. The Submit Button component has five states; its Incomplete label matches the Default label.

7. Address, hours and the responsible line

Change the address and hours in the Visit sections and the footer. The Please drink responsibly line is a control on the Footer component: select the footer in the layout template and edit Responsible line. Check your local rules for alcohol advertising before you publish.

Create a free website with Framer, the website builder loved by startups, designers and agencies.