Sitejet's templates are complete websites with pages, sections and sample content. The right template gets you most of the way to a finished site; the global design settings then turn it into your brand. This guide shows how to choose well and customise efficiently.
Before you start
- Open Sitejet Builder from cPanel (search for "Sitejet").
- Have your logo (SVG or a PNG with transparent background), brand colours (as hex codes such as
#1A73E8) and preferred fonts.
How to choose a template
- Match the structure: if you need a services list, a gallery and a booking button, choose a template that already has those sections.
- Look past the photos: images are replaced in minutes; layouts take longer to change.
- Check mobile: preview on the phone view before choosing.
- Prefer simplicity: fewer sections are easier to fill with good content and load faster.
Set global design
- In the editor open the design or style settings.
- Set the primary colour (buttons, links, accents) and secondary colour.
- Choose a heading font and a body font. Pair a distinctive heading font with a highly readable body font.
- Adjust the default button shape and size.
- Check a few pages: elements that use the global styles update automatically.
Avoid styling individual elements unless needed. Global styles keep the site consistent and make future rebranding a five-minute job.
Customise the header and footer
- Upload your logo in the header and set its size so it stays crisp on high-resolution screens.
- Keep the main menu to five to seven items. Add a prominent button such as "Contact us" or "Book now" if the template supports it.
- In the footer add your address, phone, email, social links and links to your imprint or privacy policy.
Adapt sections
Each template section can be edited, duplicated, moved or deleted. Remove sections you have no content for rather than leaving placeholder text. Add sections from Sitejet's library to fill gaps, such as testimonials, FAQs or a map.
Changing to a different template
Switching designs on an existing site can rearrange or replace content. The safest approach:
- Copy important texts somewhere safe.
- Build the new design on a subdomain, for example
new.example.com, as a separate Sitejet website. - Move your content into the new site and test it.
- Publish the new site to the main domain when it is ready.
Accessibility basics
- Use enough contrast between text and background.
- Do not put important text inside images.
- Add alt text to every meaningful image.
- Keep link text descriptive, such as "View our pricing" rather than "Click here".
Troubleshooting
- Colour change does not apply everywhere: some elements have individual colours. Reset them to use the global style.
- Logo looks blurry: upload a larger image or an SVG.
- Fonts look different on phones: check the font size settings for mobile in the element or design options.
- Template images look out of place next to yours: replace all of them in one go so the photo style is consistent.
Frequently asked questions
Can I use template images on my live site?
Check the licence information in Sitejet. Even where allowed, your own photos of your team, premises and work build far more trust than generic stock images.
How many colours should I use?
One primary colour, one accent colour and neutral greys or white are enough for almost every business site.