SoNET Web Engine, user support.

How-To Customize Your Website. Videos and articles.

Help Center Look & Design

A new look for my site (the Design tab)

The Template Kit's Design tab gives your site a complete new look in a few clicks. You see each look on your own home page before anything is saved; your words and pictures stay, and a saved look can be put back in one click.

Watch it done: a short silent video with captions · 1:27. The steps below show the same thing picture by picture.

Before you start

  • Log in and open ADMIN › Template Kit.
  • Fill in your site's description first (ADMIN › SEO › Meta Tags): the Design tab reads it to decide what kind of site you have.

Three ways to a new look

Step 1. In the Template Kit, open the Design tab.

Step 1: In the Template Kit, open the Design tab.

Step 2. "A new look for my site" offers three ways. Above them it says how it reads your site (here "Editorial"), taken from your SEO description.

Step 2: "A new look for my site" offers three ways. Above them it says how it reads your site (here "Editorial"), taken from your SEO description.

Step 3. The three ways: Keep my template, refresh the look (your template with a new personality, colours or type); Pick a ready-made look; Create a new template.

Step 3: The three ways: Keep my template, refresh the look (your template with a new personality, colours or type); Pick a ready-made look; Create a new template.

Pick a ready-made look

Step 4. Click Pick a ready-made look: the looks SoNET ships, such as Classic broadsheet, Cool and literary, and Bold and modern. The list can take a few seconds to appear.

Step 4: Click Pick a ready-made look: the looks SoNET ships, such as Classic broadsheet, Cool and literary, and Bold and modern. The list can take a few seconds to appear.

Step 5. Each look has Ask for a change, where you say in your own words what you would like different, and Review it (neither used in this video).

Step 5: Each look has Ask for a change, where you say in your own words what you would like different, and Review it (neither used in this video).

Step 6. Click Continue with this look.

Step 6: Click Continue with this look.

What changes on your site

Step 7. What changes on my site: the new look itself always comes (template, colours, type, spacing, corners, shadows, motion). Not one word or picture is touched.

Step 7: What changes on my site: the new look itself always comes (template, colours, type, spacing, corners, shadows, motion). Not one word or picture is touched.

Step 8. Fit my pages to it (ticked to start with): your sections take the new look's spacing and backgrounds, your home page gets an opening banner made from what it already says, and other pages get a heading band.

Step 8: Fit my pages to it (ticked to start with): your sections take the new look's spacing and backgrounds, your home page gets an opening banner made from what it already says, and other pages get a heading band.

Step 9. Rebuild each section in the new style: each section is laid out again from the words and pictures it already has; if anything would be lost, that section is left as it was. This takes a few minutes and uses your site's AI allowance.

Step 9: Rebuild each section in the new style: each section is laid out again from the words and pictures it already has; if anything would be lost, that section is left as it was. This takes a few minutes and uses your site's AI allowance.

Step 10. Choose whether the rebuild covers the home page only or every page.

Step 10: Choose whether the rebuild covers the home page only or every page.

Step 11. Some looks also change your site's template, so its menu, header and footer take that template's shape. A note on this screen says so when it applies.

Step 11: Some looks also change your site's template, so its menu, header and footer take that template's shape. A note on this screen says so when it applies.

Step 12. Draw a new logo to match: off keeps your own logo.

Step 12: Draw a new logo to match: off keeps your own logo.

Step 13. New pictures for the home page: none to 4. Your own pictures always stay; new ones fill the places the look opens.

Step 13: New pictures for the home page: none to 4. Your own pictures always stay; new ones fill the places the look opens.

Save or go back

Step 14. Save this design makes it your site's look; whatever is saved can be put back in one click (not clicked in this video).

Step 14: Save this design makes it your site's look; whatever is saved can be put back in one click (not clicked in this video).

Step 15. Here we click Back to the looks: nothing changes.

Step 15: Here we click Back to the looks: nothing changes.

Step 16. Leave without saving and your site keeps its look.

Step 16: Leave without saving and your site keeps its look.

Check it worked

After saving, open your home page and a few other pages as a visitor.

Good to know

  • Trying looks is free and changes nothing: only Save this design does.
  • Not happy after saving? The saved look can be put back in one click.

Related help

Shown on the 2026 version of the SoNET Web Engine. Last checked 8 November 2026. Something different on your screen? Tell us through the Contact page.