PorridgeWeb

Porridge+ and above · 5 CLEAR STEPS

Day/night landscapes and image fades

Give an opening or closing scene room to blend into your website.

Reading this guide is free. Opening the tool needs the membership shown above. Review the monthly price before checkout.

Australian closing landscape blending into a custom pink page background
A local development capture from 14 October 2026. The CSS fade follows the actual page colour; the picture is an illustrative landscape.

READ IT. TRY IT. MAKE IT YOURS.

One useful step at a time.

Keep this guide beside you while you work. Complete any passwords or private details in the tool, never in a tutorial.

  1. STEP 1 OF 5

    Choose the opening scene

    In 02 Design → Main image, choose an Australian coast, country valley or ranges watercolour, a photographic alternative, or your own authorised image. The bundled scenes have matching day/night versions.

  2. STEP 2 OF 5

    Choose the fade and position

    Enable Blend the opening image into the page. Choose None, Top, Bottom, Left or Right as the fade edge, adjust the 10–90% fade length and choose the image alignment. The fading colour comes from your page palette rather than a baked-in white edge.

  3. STEP 3 OF 5

    Decide where the header sits

    Choose a regular header or a transparent header over the landscape. Keep navigation and your headline readable. Australian Horizon provides an opening treatment you can adapt; the scene controls work with other templates too.

  4. STEP 4 OF 5

    Add an optional closing landscape

    Choose Closing landscape, or None to leave it off. Set its own fade edge, length and alignment. A top fade lets the body colour flow into an image at the bottom; choose another edge if it better fits your layout.

  5. STEP 5 OF 5

    Review both appearances

    Use the preview’s light/dark control, desktop and phone widths. Paired starter scenes switch automatically; a custom upload is retained rather than replaced with stock imagery. Export includes the needed paired assets.

HOW YOU KNOW IT WORKED

Check your result.

The image blends into the actual page colour in both appearances and text stays legible over the scenic treatment.

If it doesn’t feel right yet.

Try a simpler opening, a shorter fade or a regular header if the photo competes with your message. Generated landscapes are illustrative, not a photograph of your premises.

Ask for a helping hand ↗

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

Keep going at your own pace.

← All tutorials

Guide checked against the working tools on 14 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. Choosing a plan takes you to your account. Payment requires a separate, explicit checkout step.

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 the complete 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, the complete art direction collection and flexible content
  • Colours, fonts, SVG logos and first-visit logo reveals
  • Hero and offer carousels, plus contact form builder

Monthly membership · cancel renewal online.

Choose Porridge+

CREATE + HOST

Porridge Hosted

A$129Coming
soon
/ 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

Hosting is not available to buy yet.

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

Prices are in Australian dollars. Porridge+ and Pro renew monthly. AI help and images use included monthly credits: 2,500 on Porridge+ and 5,000 on Pro. Hosting is not included. Read the membership terms before checkout.