Colors and fonts
Apply a ready-made palette, fine-tune individual colors, and set font sizes and weights.
Everything visual lives on the Design tab, in this order: Colors, Spacing & Sizing, Typography, and Custom CSS Settings. All four cards start collapsed — click a card's title to open it.
Start with a palette
Open your bundle and go to the Design tab.
Open the Colors card.
Click one of the twelve colored circles under Color Templates to apply a palette.
Check the live preview, then click Save.
This is the fastest route to something that looks intentional. Adjust individual colors afterwards only where you need to.
A template sets the bar, border, text, label, badge, free gift, upsell, progressive gift, subscription, and timer colors in one go, and replaces any you'd already set in those groups. It leaves the Sold out text, Live Social Proof, Highlights, and Mix & Match colors alone. If you click one by mistake, Discard in the save bar undoes it — along with any other unsaved changes — as long as you haven't saved yet.
Fine-tune individual colors
Colors are grouped so you can find what you're changing:
| Group | Covers |
|---|---|
| General | Unselected Background, Selected Background, Border Color, Block title. |
| Bar Texts | Title, Subtitle, Price, Full price. |
| Label | The label tag's background and text. |
| Badge | The badge's background and text. |
| Free gift / Upsell | Add-on rows: background, text, and the selected versions of both. |
| Sold out text | The sold-out text on unavailable tiers: background and text. |
| Progressive gifts | Four groups: General Colors, Unlocked Gifts, Locked Gifts, and Gift Labels. |
| Subscription | The title and subtitle of the subscription options. |
| Timer | The countdown bar: Title Color and Background Color. |
| Live Social Proof | The view/stock message: Text, Background, and Dot. |
| Highlights | Highlight text and icon color. |
| Mix & Match | Product name color, Price color, Cut price color, Background color. |
Click any swatch to open the color picker. It has a color field, a Transparency (%) box, and a Hexcode box.
Background colors — the tier backgrounds, label, badge, free gift, upsell, and progressive gift backgrounds — also have a Gradient tab. It adds Color 1, Color 2, and a Gradient Angle slider from 0 to 360°. Switch back to Single Color for a flat color.
Typography
The Typography card sets a Font Size and a Font Style for each text element:
| Group | Elements |
|---|---|
| General | Block title, Title, Subtitle, Label. |
| Gift Options | Free gift, Upsell. |
| Sold out text | Sold out text. |
| Progressive gifts | Title, Subtitle, Label Text, Unlocked Gift Text, Locked Gift Text. |
| Subscriptions | Subscription Title, Subscription Subtitle. |
| Timer | Timer Title. |
| Live Social Proof | Text. |
| Highlights | Text. |
| Mix & Match | Product Name, Price. |
Open the Typography card.
Set the Font Size in pixels for the element you want to change.
Pick a Font Style. There are eight: Light, Light Italic, Regular, Italic, Medium, Medium Italic, Bold, and Bold Italic.
Click Save.
New deals start with a 14 px bold block title, a 20 px bold title, a 14 px regular subtitle, and a 12 px regular label. The price on each tier uses the Title size, and the struck-through full price uses the Subtitle size.
The font family comes from your theme, so the block matches the rest of your product page automatically. The one exception is badges, which use their own fonts.
Spacing and sizing
The Spacing & Sizing card has three sliders:
| Slider | Affects |
|---|---|
| Corner radius | The tier cards and the timer bar. 0–100 px, default 8. |
| Progressive Gift Image Size | Gift images, when progressive gifts are on. 10–100%, default 100. |
| Highlights Icon Size | The icons on highlights. 10–40 px, default 16. |
Match the corner radius to your theme's buttons and the block will stop looking like a bolted-on app.
Match your brand in two places
Out of the box the accent is pink: the border, the badge, and the tinted backgrounds. Change Border Color and the Badge background first, and the rest can stay on the defaults.