Skip to content

Images & brand design

Set site-wide colours and typography

Use Theme to create a consistent design across pages.

WATCH & FOLLOW ALONG

Get to know Properties

Captioned · No audio

Recorded in the fictional Willow Studio website using a normal customer account. AI submission steps are explained without running a generation job.

Download video ↓
Read the video transcript
  1. Use Section, Page, Theme, and Integrations
  2. Section properties change the selected section’s content, background, and available layout variants.
  3. Page properties contain page rewriting, the page title, H1, and search settings.
  4. Update the SEO title, description, keywords, canonical path, and page indexing.
  5. Theme controls shared design: logo, header appearance, buttons, palette, and typography.
  6. Check changes across several pages. An individual object can override theme defaults.
  7. Integrations includes site indexing, Search Console verification, GA4, reCAPTCHA, and custom scripts.
  8. Review your changes, then Save. Publish separately when you are ready to go live.
WEBTUMMY · VISUAL WALKTHROUGH
Actual Webtummy interface in the fictional Willow Studio customer workspace. Click to enlarge. Available fields vary by selected component.
Set site-wide colours and typography
Expanded Webtummy interface showing set site-wide colours and typography

Follow these steps

  1. Open Theme

    Choose Theme in the right-hand Properties panel.

  2. Set the colour palette

    Adjust the available palette colours. Review headings, body text, backgrounds, and calls to action across several pages.

  3. Set typography and shape

    Use the available typography, rounding, and spacing controls to refine the site-wide look.

  4. Set shared button colours

    Use the global button background, text, and outline colours. Reset buttons to theme defaults removes those overrides.

  5. Review and save

    Check contrast and all preview widths, then Save. Individual component styles can override global defaults.

More screenshots for this guide

Site-wide colour palette

WEBTUMMY · VISUAL WALKTHROUGH
Actual Webtummy interface in the fictional Willow Studio customer workspace. Click to enlarge. Available fields vary by selected component.
Site-wide colour palette
Expanded Webtummy interface showing site-wide colour palette

Typography and design tokens

WEBTUMMY · VISUAL WALKTHROUGH
Actual Webtummy interface in the fictional Willow Studio customer workspace. Click to enlarge. Available fields vary by selected component.
Typography and design tokens
Expanded Webtummy interface showing typography and design tokens
What you should see

Pages share a consistent brand style.

Need a hand with this step?

Tell us the website, page, and control you’re using. Include any error code so we can help you faster.

Contact support →