Page Styles control the visual design of your drop sale pages. A style is account-level, so you can reuse one style across every drop or keep several variations.
Creating a style
Go to Settings and open the Page Styles tab, then click Create New Style. This opens a blank style form. There's no path chooser here — it always starts from defaults.
Two other ways to get a style without filling in the form from scratch:
- Duplicate — each style card on the Page Styles list has a Duplicate button. It clones that style as "name (Copy)", which you then edit.
- Extract from a website — this lives only in the drop wizard's Page Design step, not in the Page Styles area. See How to extract styles from a website.
Give the style a Style Name first. Names must be unique; a tick or cross next to the field tells you whether the name is already taken.
The form (three tabs)
The form has three tabs: Colors, Typography, and Buttons. There is no live preview pane — only a small thumbnail of your uploaded logo.
Colors
Colours are grouped:
- Core — Background, Text.
- Buttons — Background, Text.
- Secondary — Secondary, Secondary Text (panels, sections, feature areas).
- Accent — a single accent colour for highlights.
- Muted — Muted, Muted Text (subtle backgrounds, disabled states).
- Other Elements — Border, Timer Background, Timer Text.
- Logo — Logo Color, plus a Logo Background toggle (a scrim behind the logo). When on, you set its colour, opacity, padding, and corner style (square or rounded).
Each colour opens a picker when you click its swatch.
Typography
- Font Sizes — Display, Heading, Subheading, Body, Caption. Each is a free-text value, so you can use rem, px, or a
clamp()expression. - Font Weights — Display, Heading, Body, each 100–900 (400 normal, 700 bold).
- Font Families — Heading Font and Body Font, chosen from a fixed list (Inter, Arial, Helvetica, Georgia, Times New Roman, Verdana).
There's no border-radius control here.
Buttons
Despite the name, this tab holds button styling plus the hero, logo, and product settings.
- Button Appearance — Shape (Rounded / Square / Pill), Style (Solid / Ghost), Rollover State (Darken / Brighten on hover).
- Hero Layout — Vertical Alignment (Top / Bottom / Center) and Horizontal Alignment (Left / Center).
- Logo Image — upload a logo image and set its width.
- Product Display — Preview Images (Artwork / Product / Staging Shot), Thumbnails (Artwork / Product), and the Default Selected product (Smallest / Largest).
- Additional Options — toggles for a Header Downward Arrow (with custom text), a Low Inventory Warning (with custom text), and a Shipping Cost Display (USA/Canada/Europe and Rest of World costs).
Saving
Click Create Style at the top right. (When editing an existing style the button reads Update Style.) The style is saved to your Page Styles library and becomes selectable in any drop wizard's Page Design step.
Editing later
Go to Settings → Page Styles, click a style's Edit button, make your changes, and Update Style. See How to edit a Page Style for detail.