Appearance
Template, colours and hero scene
Changing the template on the Appearance tab, choosing the main and accent colours, the readability check and choosing the hero scene.
On the Appearance tab you choose your site's template, colours and hero scene. Every change shows up in the preview right away; the live site doesn't change until you save.
Template
The template sets the look of the page: fonts, layout, the rhythm of the sections. Your content isn't lost when you change the template; the same texts and photos appear in the new layout.
| Template | Who is it for? |
|---|---|
| Signage & advertising | Illuminated letters, façades, glass and stone panels; strong colour, big headings. |
| UV print & acrylic | Acrylic, UV printing, frames, 3D printing; airy, glossy cards. |
| Laser & wood | Laser cutting and engraving, wood, metal, CNC; warm tones, a craft feel. |
| Print shop & promo | Printing, textiles, packaging, labels, promotional products; orderly product list, classic type. |
- Signage & advertisingIlluminated letters, façades, glass and stone panels; strong colour, big headings.
- UV print & acrylicAcrylic, UV printing, frames, 3D printing; airy, glossy cards.
- Laser & woodLaser cutting and engraving, wood, metal, CNC; warm tones, a craft feel.
- Print shop & promoPrinting, textiles, packaging, labels, promotional products; orderly product list, classic type.
Colours
The Main colour is used for buttons and headings on a white background. If it's empty, your company's brand colour applies; Use your company brand colour takes you back to it. The Accent colour is optional; if it's empty it's derived from the main colour, and Remove accent colour clears it. You can pick a colour from the palette or type a code like #1D3FD6 into Colour code.
Readability (contrast) check
The editor measures how readable your colour is on a white background: “Readable on white (contrast 7.2:1).” or “Hard to read on white (contrast 2.8:1; needs at least 4.5:1).” If it's hard to read, Use a readable shade picks a dark enough shade of the same colour. The Sample button shows the result.
Hero scene
The scene is the product illustration at the top of the page; your company name appears on this product. When Automatic is selected, it's based on your industry (“Based on your industry: …”). If you've added a cover image, it's placed inside the scene.
| Template | Available scenes |
|---|---|
| Signage & advertising | Illuminated channel letter sign, Sandblasted glass panel, Gilded granite plaque |
| The other three templates | UV printed acrylic plaque, Laser engraved plywood, Business cards and catalogue, Stainless steel plate, CNC carved wooden sign, 3D print, Matted frame, Printed T-shirt and cap, Mug, tote bag and pen, Kraft cardboard box, Label roll and jar |
- Signage & advertisingIlluminated channel letter sign, Sandblasted glass panel, Gilded granite plaque
- The other three templatesUV printed acrylic plaque, Laser engraved plywood, Business cards and catalogue, Stainless steel plate, CNC carved wooden sign, 3D print, Matted frame, Printed T-shirt and cap, Mug, tote bag and pen, Kraft cardboard box, Label roll and jar
If you change the template and the scene you chose isn't available in the new one, the scene switches back to automatic.
Related topics
- Logo, site icon and share imageWhere the logo on your site comes from, the icon shown in the browser tab, and the image that appears when your link is shared on WhatsApp or social media.
- Intro section: headline, subheadline, cover image and buttonsThe headline, short intro, cover image and quote / WhatsApp buttons at the very top of the page.
- Speed, mobile-friendliness and accessibilityWhat's done automatically so your site loads fast on phones and everyone can use it, and what you can do yourself.