PorridgeWeb

Porridge+ and above · 4 CLEAR STEPS

Colour studio

Build a readable colour system with room for your own character.

Reading this guide is free. Opening the tool needs an authorised account; public paid sign-up remains closed.

READ IT. TRY IT. MAKE IT YOURS.

One useful step at a time.

Follow the numbered instructions below. Use “Watch this part” where a related clip is available; it pauses so you can try the step.

  1. STEP 1 OF 4

    Choose the target

    Select the whole site, current page or available block before editing.

    Watch this part 5 sec
  2. STEP 2 OF 4

    Open 03 Colour

    Try a palette, then fine-tune the individual colour controls.

    Watch this part 6 sec
  3. STEP 3 OF 4

    Check real combinations

    Review text, buttons and surfaces together. Use the contrast checker for important pairs.

    Watch this part 6 sec
  4. STEP 4 OF 4

    Save after comparing

    Check both themes and the phone preview, then save your draft.

    Follow the written instructions for this step.

HOW YOU KNOW IT WORKED

Check your result.

The main action stands out and ordinary text remains comfortable to read.

If it doesn’t feel right yet.

Changing an accent alone may not affect every element. Check the element’s colour role and any local override.

Ask for a helping hand ↗

Include the step and what happened. Leave passwords, keys and private customer information out.

WATCH WHEN IT HELPS

Colour studio

THE WALKTHROUGHSee the controls in action
Back to the steps ↓

16 sec · silent, captioned screen walkthrough · recorded 12 October 2026 in a local workspace with fictional content. Pauses edited for reading. Clips show related controls; follow every written step, including any checks outside PorridgeWeb.

Read the video transcript
  1. 0:00 Step 1 Open 03 Colour. The design scope controls where changes apply.
  2. 0:04 Step 2 Try a complete palette and watch the website change.
  3. 0:09 Step 3 Compare another palette without rewriting your content.

Keep going at your own pace.

← All tutorials

Guide checked against the working tools on 12 October 2026. External service screens and requirements may change.

Need a hand?

Let’s find your next step.

Practical help, one thing at a time.

Start with the page’s instructions, save a copy of your work and try one change at a time. Our tool tour explains the main tools.

Prefer a person? Draft an email for help
Your email app opens a draft for you to review and send. Don’t include passwords, payment information or private customer records.

EXPLORE FIRST. CHOOSE WHEN YOU’RE READY.

A little more room
for your ideas.

This is a member feature. Keep exploring, try the free tools, or see which plan could suit your next step.

Browse previews and use the free browser tools now. Guide downloads require a verified free account, within the allowance and availability shown in your account. Paid sign-up is not open yet; choosing a plan here does not create an account or take payment.

A USEFUL START

Porridge Free

A$0 / free tier

A useful place to start, with room to explore.

  • Message planner and colour contrast checker
  • Template finder and all 42 art direction previews
  • Tool demonstrations and public website guidance

Free browser tools now. Guide downloads need a verified free account; allowance and availability apply.

Use the free tools

MAKE IT YOURS

Porridge+

A$49 / month

The essentials to build, polish and take your website with you.

  • Website Studio, 42 art directions and flexible content
  • Colours, fonts, SVG logos and first-visit logo reveals
  • Hero and offer carousels, plus contact form builder

Paid sign-up is not open yet.

See plan details

CREATE + HOST

Porridge Hosted

A$129 / month

The Pro workshop, with a home for one website.

  • Everything proposed for Porridge Pro
  • Managed hosting for one static business website
  • HTTPS and connection of your own domain

Paid sign-up is not open yet.

See plan details
Already have an account? Sign inCompare all inclusions

Prices are in Australian dollars. AI allowances, hosting limits and full billing terms will be confirmed before paid sign-up opens. Public previews do not include a working checkout or live hosting.