START HERE

Set up your template in one sitting.

Set up your template in one sitting.

Set up your template in one sitting.

No code. No complicated settings. Follow these six steps in order and your website will be ready to make your own.

No code. No complicated settings. Follow these six steps in order and your website will be ready to make your own.

i

Tip: duplicate the template before you begin. You’ll always have a clean copy to return to.

Your six-step setup

01

Rename the template

02

Choose your fonts

03

Update the colors

04

Edit components

05

Replace the content

06

Review and publish

01

01

Rename the template

Rename the template

Start with the words visitors see most. Change the business name in the navigation, page titles, footer, contact details, and copyright line. Then open Site Settings and update the website title and description.

CHECK: logo name • browser title • footer name • email address • phone number

02

02

Choose your fonts

Choose your fonts

This template already uses a simple pair. Keep it if you want a clean, confident look, or replace one font at a time and check every page before changing the next.

HEADINGS

Cabinet Grotesk

BODY TEXT

Inter keeps instructions and paragraphs easy to read.

03

03

Update the color system

Update the color system

Change the shared colors instead of recoloring every section. Pick one strong accent, keep text dark and readable, and use soft surfaces to separate cards from the page.

Background

Text

Accent

Soft surface

Borders

04

04

Edit once, update everywhere

Edit once, update everywhere

Components are the reusable pieces of the website. When you change the main component, every matching copy can update with it. Start with these five high-impact pieces.

Buttons — label, link, and color

Navigation — logo and menu links

Cards — titles, details, and images

Footer — contact details and socials

Accordion — questions and answers

STEP 05 — REPLACE THE CONTENT

Make every page sound like you

Make every page sound like you

Work one page at a time. Replace the headline first, then the supporting text, images, buttons, and contact details. Preview the page before moving to the next one.

Words

Headlines • descriptions • services • team names • testimonials

Images

Cover photo • service photos • team portraits • blog covers • social image

Links

Menu links • button destinations • email • phone • social profiles

Pages

Home • About • Services • Blog • Booking • error page

STEP 06 — FINAL REVIEW

Check it like a visitor

Check it like a visitor

Open the preview and click through the website from start to finish. If something feels unclear, shorten it. If something does not work, fix it before publishing.

01 Check desktop, tablet, and phone

02 Click every menu item and button

03 Submit the booking or contact form

04 Proofread names, prices, email, and phone

05 Confirm the page title and social preview

That’s it. Your template is ready.

That’s it. Your template is ready.

Keep this page as your reference whenever you update the site.

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