Fonts, colours and background

Fonts are set for the whole page at once, so you pick them properly one time instead of fiddling with every heading. In the editor, click empty space so nothing is selected, and the right panel becomes your page's own design. Open Fonts.

There are four to set. Heading Font covers your titles. Body Font is everything you actually read, so pick something plain. Display Font is the editorial one used by gallery and magazine layouts. Button Font covers buttons and badges. Out of the box these are Poppins, Inter, Playfair Display and Poppins.

Each picker groups its choices into Sans-Serif, Serif, Display, Handwriting and Monospace, and every name is drawn in its own font so you can see what you are choosing. A Preview block at the bottom shows a heading, body text, a badge and a button together before you commit.

Fonts and Background are page settings, not block settings, so they sit in the right panel when nothing is selected. The panel header tells you which page you are on. Selecting a block swaps the panel to that block, and the crumb at the top takes you back up.

Your booking page works slightly differently, because the form is the page and stays selected. There, Fonts and Background sit at the bottom of the form's own list of settings, under Submit Button.

Open Background and you get three tabs: Colour, Texture and Image. There is no save step. Whatever you change applies to the page behind the panel straight away, so you are always judging the real thing.

The Colour tab does Solid or Gradient. Solid is one colour, picked from the wheel or typed in as a hex code. Gradient lets you set the angle, add colour stops and drag each one along the blend, and there is a row of Presets if you would rather start from something that already works. An Opacity slider under Effects softens either one.

The Texture tab is the one worth playing with. It carries 66 textures, from paper grain to concrete to ink wash, and you recolour them rather than taking them as they come. Pick a thumbnail from the grid to start.

Color Mode decides how many colours the texture is tinted with: single, duotone, gradient or triple. Set each colour underneath, and use Angle when the mode blends between them. Blend Mode changes how the colour and the texture mix, and moving from multiply to screen or overlay can turn the same texture from heavy to barely there.

Four sliders finish it: Contrast, Brightness, Saturation and Opacity. Drop the opacity if the texture is fighting your work. A background should sit behind your tattoos, not compete with them.

The Image tab takes a photo of your own. Drop a file onto the upload box or click to browse, up to 5MB. You can also paste a web address into Image URL and press Load, and there is a small set of Sample Images to try the effect before you commit your own.

Position sets how the image fills the page: Cover, Contain, Center, Top or Bottom. Under Effects you get Opacity, Blur and Scale. A little blur and a lower opacity is the usual trick for making a photo work behind text.

Once one page has a background you like, you do not have to rebuild it by eye anywhere else. Open Background on another page and a Reuse a background box sits at the top, listing every other page that already has one with a small swatch of what it looks like.

Press Use and it copies across, sliders and all. The page you are currently matching shows In use instead. The copy is independent, so adjusting it afterwards will not reach back and change the page you took it from.

• •Backgrounds and fonts save as a draft like everything else.
• •Nothing reaches a client until you press Publish.
• •Check the result at phone width before publishing. A texture that reads well on a laptop can be much heavier on a small screen.