Style Picker

Your website,
your style.

Browse every header, page layout, and footer option below. Click the ones you like — then hit Send My Picks and we'll build it.

Step 1 — Pick a header
Step 2 — Pick a page layout
Step 3 — Pick a footer
Step 4 — Hit Send
Header Not chosen yet
Layout Not chosen yet
Step 1 of 3

Header Style

The header is the navigation bar at the top (or side) of every page. Choose one that fits your brand's personality.

01

Top Bar

The professional standard — logo left, nav right. Works for any business.

ClassicAny business
02

Stacked Centre

Logo centred on top, nav centred below, accent CTA bar underneath. Boutique feel.

CentredBoutiqueSalon & Spa
03

Transparent Overlay

Header floats over a full-bleed hero photo — dramatic and modern. Needs a strong photo.

BoldPhoto requiredRestaurant & Hotel
04

Split Bordered

Clean corporate look — logo far left, nav far right, accent border underneath.

CorporateProfessionalClean
05

Side Navigation

Vertical nav panel fixed to the left. Distinctive look great for trades and services.

UniqueTradesServices
06

Bold Wordmark

The business name IS the header — oversized, confident. Great for strong brand names.

StatementBoldBrand-focused
07

Glass / Frosted

Blurred, frosted-glass header over a full-bleed photo. Upscale and modern. Needs a photo.

PremiumPhoto requiredHospitality
08

Underline Accent

No heavy bar — just a slim coloured rule under a clean transparent strip. Very refined.

MinimalRefinedProfessional
09

Boxed / Framed

Header sits inside a contained, rounded card that floats above the page. Elegant touch.

ElegantUniqueBoutique
10

Icon Compact

Ultra-slim header — tiny logo mark, condensed nav. Maximises page real estate.

MinimalModernContent-first
11

Ribbon

Thin coloured utility strip (phone & city) above the main nav bar — polished, professional.

Two-barTradesMedicalProfessional
12

Pill Nav

Nav links sit inside rounded pill capsules — clean, modern, app-style feel.

ModernApp-styleTech-forward

Step 2 of 3

Page Layout

The page layout controls how your content sections are spaced, separated, and structured as you scroll down.

01

Standard

Consistent spacing and one background colour throughout. Clean and timeless.

UniversalClean
02

Banded

Sections alternate between two background tones to create natural visual rhythm.

DynamicReadablePopular
03

Boxed Cards

Each section is a floating card with a shadow, sitting on a coloured page background.

ModernElevatedTech & Finance
04

Asymmetric Offset

Section headings alternate left and right, adding editorial energy to the scroll.

EditorialCreativeDistinctive
05

Dense

Tighter spacing and a smaller type scale — more information visible per scroll.

Information-richCompactDirectories
06

Airy

Generous whitespace and larger type — fewer items per screen, premium feel.

PremiumLuxurySalon & Boutique
07

Wave Dividers

Gentle curved shapes between sections for a friendly, flowing rhythm.

FriendlyApproachableHealth & Pet
08

Bordered Sections

Thin ruled lines between sections — structured and editorial, like a magazine.

EditorialProfessionalB2B
09

Sidebar

Quick-info panel (phone, hours, map) pinned beside scrolling content. Great for trades.

PracticalTradesServices
10

Full-Bleed Alternating

Every other section stretches edge-to-edge with a tinted background — bold and impactful.

BoldModernHigh-impact
11

Magazine

Editorial feel — accent-ruled headings, white section backgrounds, newspaper-style rhythm.

EditorialRestaurantBoutiqueBold
12

Centered Narrow

All content in a tight centred column — high-end editorial readability, lots of breathing room.

EditorialConsultantMedicalElegant

Step 3 of 3

Footer Style

The footer appears at the bottom of every page — it's your last chance to give visitors your contact info or a final nudge to reach out.

01

Simple Bar

One centred line — business name, address, phone. Minimal and clean.

MinimalUniversal
02

Multi-Column

Four columns: contact, hours, quick links, social. Thorough and professional.

ComprehensiveProfessionalMost popular
03

CTA Band

Big bold call-to-action at the bottom — one final push to contact you.

High-conversionTradesServices
04

Map Footer

Left half looks like a map placeholder, right half has your contact info.

Local businessLocation-focused
05

Minimal Line

Single line — business name on one side, copyright on the other. Smallest footprint.

Ultra-minimalModern
06

Newsletter Signup

Email capture strip above business info — builds a list for promotions.

MarketingRestaurant & Retail
07

Split Footer

Brand name and tagline on the left, quick links and phone on the right.

BalancedProfessional
08

Inverted Dark

Always dark, regardless of the rest of the page colour scheme. Strong contrast.

High-contrastBoldAny business
09

Hours Focused

Hours table is the hero of the footer — ideal for businesses where timing matters.

TradesRestaurantService-based
10

Social Trust

Star rating and social media links front and centre — leads with proof.

Trust-buildingService businesses
11

Mega Footer

Four-column grid: logo/about, services, hours, contact. Everything at a glance.

ComprehensiveProfessionalAny business
12

Branded Minimal

Centred logo, tagline, and phone number — a clean brand statement to close every page.

Brand-forwardCleanBoutique

Step 4 of 4

Your Business Info

Fill in your details and we'll reach out within 24 hours with your custom site ready to review — no commitment needed.

Don't have a digital copy? No problem — just describe your colours and we'll work with what we find online.

Logo preview

Colours detected from your logo:

We'll use these as a starting point — colours can be fine-tuned after.

We'll put together a sample site from your info and send it to you to review — completely free, no obligation.

✓ Request sent! We'll be in touch within 24 hours.