Theme
Brand colours, fonts, card design, dark shops, and the effects that apply shop-wide.
Esta página ainda não está traduzida. É apresentada em inglês; tudo o que descreve funciona da mesma forma no seu idioma.
Theme in the designer toolbar adjusts brand colours, fonts and global design tokens — the values every block reads from.
Your shop's colours and fonts are delivered inside the page, so the very first paint is already your shop's. Visitors never see the platform's default blue flash past before your palette arrives.
Card Design
Which product card every product grid and products list draws:
| Design | Reads as | Typical for |
|---|---|---|
| Classic | The original rounded card with hover buttons | Toys, gadgets, general stores |
| Retail | A catalogue card: percent tag, stock line, brand + model, spec line, stars, icon buttons | Electronics, tools, B2B |
| Minimal | Large picture, quiet name and price; hover swaps to the second photo, plus a quick-add bar | Fashion, beauty |
| Editorial | Centred and airy, set in the heading font | Jewellery, art, furniture, luxury |
| Overlay | The picture is the card, caption on a dark scrim | Food, experiences, photography, prints |
| Compact | A horizontal row with a small picture and a filled cart button | Grocery, parts, books |
A grid or list block's Style tab shows the same chips with a globe/undo indicator, so one block can differ from the shop-wide choice and be reset back to it.
Card Size, Card Image Aspect, Card Text Alignment and Card Style apply to every design — a design without a card surface wears the border or shadow around its picture instead. The compact design widens its columns by itself.
Making the shop dark
Asking the AI for a dark shop — "dark mode", "dunkler Hintergrund" — switches the theme itself: page background, secondary background, text and muted text all flip together, so every block follows at once instead of some sections staying light.
Brand colours, fonts and style tokens survive the switch, and the same works in reverse back to light.
This is not the same as your dashboard's dark mode, which only affects what you see while working. The shop theme is what your visitors get.
Shop-wide effects
Two effects are set here and apply everywhere unless a block overrides them:
- Background Effect — decorative section atmosphere: falling shapes, aurora, glow orbs, dot and line grids, particles, waves, sparkles, bubbles, light rays, circuit lines, gradient drift — or none.
- Hover Effect for cards — lift, spotlight, tilt, glow, zoom — or none.
Both can be set per block in the Style tab of marketing blocks, and a Reset button there returns the block to the shop-wide value.
Effects are automatically disabled for visitors whose device asks for reduced motion.
Fonts
Headings and body text take separate faces. Every heading — h1 to h6 —
takes the heading face by rule, so a heading rendered by a script looks like
one rendered by the server. A card design that deliberately wants the body face
on its title says so itself.
Adding a colour or a font
New theme colours and faces are part of the platform rather than something you add per shop. If a face you need is missing, open a ticket — a missing feature that we ship is worth 30 AI credits.