Harbor
For restaurants, cafés, bakeries and food trucks. Menu with prices, hours and address up top, and a reservation button.
Fonts: Young Serif and Figtree
Templates and styles
Every site starts from one of these layouts. Your colors, fonts, photos and words go into it, so the finished site won't look like anyone else's. Open a template to see it full size.
Browse the templates
Fade
For barbershops, salons, nail and tattoo studios. Bold type, a service price list, your team and a book-online button.
Fonts: Anton and Barlow
Groundwork
For contractors, landscapers, cleaners and movers. Services, the area you cover, licensing and a free-estimate form.
Fonts: Archivo Expanded and Archivo
Lumen
For photographers, artists, designers and makers. A large gallery up front and a simple inquiry form.
Fonts: Gloock and Hanken Grotesk
Ledger
For accountants, lawyers, agencies and consultants. A calm layout with services, how you work and a consultation request.
Fonts: Libre Caslon and Source Sans
Bloom
For spas, studios, boutiques and florists. Soft imagery, a treatment or product menu and a booking link.
Fonts: Bodoni Moda and Jost
Torque
For auto repair, detailing, tire and body shops. Open times for today, services with starting prices, and a no-surprise-bills promise.
Fonts: Oswald and Work Sans
Pulse
For gyms, fitness studios, martial arts and personal trainers. Today's classes with spots left, membership prices and a free-class button.
Fonts: Unbounded and Manrope
Clearview
For dentists, doctors, chiropractors and therapists. The next opening, insurance and payment options, and what happens at a first visit.
Fonts: DM Serif Display and DM Sans
Keystone
For real estate agents, brokers and property managers. A home search, featured listings with prices, and a home-value request for sellers.
Fonts: Cormorant Garamond and Manrope
Wag
For groomers, dog daycares, pet sitters and vets. Prices by size, a first-visit checklist and a book-now button.
Fonts: Caprasimo and Nunito
Commons
For churches, nonprofits, schools and community groups. This week's events, a donation goal with progress and ways to help.
Fonts: Literata and Mulish
See a template turned into a full site
The sample project takes Harbor from template to a five-page bakery website, with before and after.
Build your look
Mix any layout with any font pairing, then pick a color set or use your own brand colors. The preview updates as you choose, and you can send the combination with your project request. Every font here is free, so fonts never add a license cost.
Harbor KitchenMenuHoursVisit
Dinner, drinks and the good bread.
Seasonal plates and natural wine, five nights a week.
Reserve a tableMenu
Hours
Private events
Harbor layout with warm and welcoming fonts and Harbor colors.
What your colors say
Teal reads as calm, fresh and clean.
Opposite colors.
Choosing your colors
Colors set the mood before anyone reads a word. Here's what each color tends to say and which combinations work best. These are common associations in the US, so treat them as a starting point. Your sign, storefront and logo matter more.
What colors mean
Red
Energy, appetite and urgency.
Good for restaurants, barbershops, gyms and sales.
Orange
Friendly, fun and affordable.
Good for cafés, pet care, kids' activities and fitness.
Yellow and gold
Cheerful, warm and eye-catching.
Good for contractors, movers and bakeries. Use it on buttons and details, since yellow text is hard to read on white.
Green
Growth, health and nature.
Good for landscapers, wellness, organic food and financial advisors.
Teal
Calm, fresh and clean.
Good for dentists, spas, cleaning and pool services.
Blue
Trust, calm and dependability.
Good for accountants, clinics, plumbers, insurance and tech.
Navy
Authority, tradition and seriousness.
Good for law firms, accountants and consultants.
Purple
Creativity and luxury.
Good for salons, beauty, creative studios and event planners.
Pink
Warm, caring and playful.
Good for boutiques, florists, bakeries and beauty.
Brown
Earthy, honest and handmade.
Good for coffee shops, woodworkers, farms and leather goods.
Black
Bold, elegant and premium.
Good for barbers, tattoo studios, fashion and photographers.
Cream and white
Clean, open and simple.
The background for almost any business. Cream feels warmer than pure white.
Combinations that work
Opposite colors
Navy and coral
The coral details pop against navy, and the navy keeps it serious.
Good for real estate, insurance, tutors and consultants.
Opposite colors
Teal and apricot
Cool teal with a warm accent feels fresh but still friendly.
Good for dentists, pool services, cafés and travel.
Contrasting colors
Forest and gold
A deep green with a metallic accent reads as established and premium.
Good for landscapers, golf, financial advisors and classic restaurants.
One color with neutrals
Tomato and cream
Red brings appetite and urgency. Cream and charcoal keep it from shouting.
Good for pizzerias, diners, butchers and barbershops.
Neighbor colors
Plum and blush
Two colors from the same family feel calm and put-together.
Good for salons, spas, florists and boutiques.
Shades of one color
Blue on blue
A dark and a light shade of one color look tidy and trustworthy.
Good for plumbers, HVAC, clinics and insurance.
One color with neutrals
Charcoal and lime
Mostly neutral with one bright accent, the easiest kind of combination to get right.
Good for gyms, bike shops, phone repair and cleaners.
One color with neutrals
Black and gold
A dark background with gold feels dramatic and premium. Keep the text large and light.
Good for barbers, tattoo studios, lounges and photographers.
Rules of thumb
Let one color lead
Most of the page is your background. Your main color goes on buttons and key spots, and the second color is for small details.
Readable beats pretty
Text needs strong contrast with what's behind it. The builder checks your colors and warns you if buttons get hard to read.
Two or three colors is plenty
Plus black or white for text. More than that starts to look busy, especially on a phone.
Don't rely on color alone
Some visitors are color blind, so things like "open" and "closed" should use words too, not just green and red.
Already have a logo or a sign? Start from its colors: type the hex codes into "Or use your own colors" above, or send the logo file with your request and the colors will be matched for you.
Included with every template
- Your colors, fonts, logo, photos and words
- Sections reordered, removed or repeated to fit your business
- Your own buttons for booking, ordering, calling or directions
- A layout that works on phones, tablets and computers
- A WordPress login so you can edit your own text and photos
Quoted separately
- Pages beyond what your build includes ($150 each)
- New features such as an online store, member logins or custom forms
- A fully custom design that doesn't start from a template (included in Pro)
- Premium themes, plugins, licensed fonts or stock photos, bought in your name and paid by you