Skip to content

Shop design (Studio)Choose colours, fonts and your logo

The Design tab holds what every page shares: your logo and contact details, and the look — colours, fonts, corners, spacing and text size.

  • 5 steps
  • 0:46 video
  • Store admin → Customize → Studio → Design
  • Set up once

Jump to a step

The video has no sound: the captions on screen explain each step, and every step is written out below with a picture.

  1. 1

    Open the Design tab

    Open Studio and choose the Design tab. A live preview of your shop sits on the right.

    Step 1: Open the Design tab
  2. 2

    Your logo and contact details

    Under Your store, press Upload logo (or Change logo), and check Store name, Phone, WhatsApp number, Email, Opening hours and Address.

    Press Save — these are saved straight away and shown in the header, the footer and the contact page.

    Step 2: Your logo and contact details
  3. 3

    Pick the colours

    Click one of the palettes, or start from your own brand colour: pick it, choose Neutral, Warm or Cool, and press Make a palette.

    The Text contrast line warns you if words would be hard to read.

    Step 3: Pick the colours
  4. 4

    Fonts, corners and spacing

    Below the colours, choose a font pair, how round corners are (Square to Soft), the spacing (Compact, Regular, Airy), the page width and the text size.

    Step 4: Fonts, corners and spacing
  5. 5

    Publish the design

    Look changes are kept as a draft. The yellow bar Your design changes are saved, but not in your shop yet has a Publish design button: press it to put the new look live.

    Step 5: Publish the design
Previous guideAdd, move, hide and remove sectionsNext guideEdit the header, menu and footer

Stuck on a step?

Book a short call and we will walk through it with your own shop on screen. Book a call

Related guides

1:08

Change the words and pictures on a page

Edit any page of your CloudMart24 shop in Studio: click to change words, type straight on the page, swap pictures, check the phone view and publish.

8 stepsEveryday

0:42

Edit the header, menu and footer

Change your shop’s announcement bar, header menu and footer in CloudMart24 Studio: menu items that open pages, categories or products, and footer links.

5 stepsSet up once

1:00

Set up your shop in four steps

The four setup screens after sign-up: pick a design, add your details and logo, choose colours and create your shop — with what each choice changes.

5 stepsStart here