Genesis · starter templates
Start from a page that already works.
Real, finished pages for real kinds of business. Pick one, put your brand on it in one step, and answer a few questions to make it yours.
Pick the one that looks like your business
Each preview is the template as it looks today. Open one to click around the live page.
Loading the templates…
Yours in three steps
A template keeps its layout and its readability. Your brand changes how it looks; your answers change what it says.
Pick a template
Choose the page closest to what you do. Open it, click around, and check it on your phone. Everything you see works.
Put your brand on it
One command swaps in your colour, your fonts and your corners, and leaves everything else as designed.
Make it about you
Each template comes with the questions that turn it into your page, like these from Local service:
- How far will you really drive?
- What do your common jobs cost, lowest and highest?
- When does a person answer the phone?
Turn one of your pages into a template
For builders. Any hand-written Genesis page can become a template, as long as its identity lives in one place.
That prints exactly what a clone receives, so you can see what a brand brings before you clone anything.
- Put the page’s accent, fonts and corner radius in a
/* brand-tokens:start */ … /* brand-tokens:end */block. - Point the rest of the page at
var(--brand-…, its old value), always keeping the old value as the fallback. - Derive each theme’s accent from the brand colour with
color-mix, so a dark brand stays readable on a dark background. - Keep status colours (done, warning, error) separate from the accent. A red brand must not look like an error.
- Open it as the default and as two real brands, in light and dark, before you publish it.