Skip to content
mercer
USUSDSetup docs →Docs
≡
VOL. IIIConfettiDTC BEAUTY · LIFESTYLE · MERCER 1.0.0
Style sample · Preset 03 · DTC beauty · lifestyle

Loud care. Quiet routine.

Drop 04. SPF 50, tinted, refillable.

Read the docs
Specimens

Type, color, button shape — a closer look at the style.

Each installed style includes its own fonts, colors and starting layouts. Style accents changes color, shape and interface details while preserving your fonts, layouts and content.

Type pair
DISPLAY · Archivo
Aa Bb Cc
BODY · DM Sans

The body face carries the bulk of the page — product copy, PDP descriptions, blog posts. Set at 14–17px throughout.

Color tokens
BG#FFF5E1
INK#1A0D3A
SURFACE-ALT#FFE9BD
LINE#CFC6DD
ACCENT#FF4D2E
Button · radius PILL
Add to bag →Secondary

Pill buttons read soft and editorial. The default Mercer signature.

Storefront

Confetti, in context.

Confetti preset — home page
HOME
Confetti preset — collection grid
COLLECTION GRID
Profile

Confetti.

DESIGNED FOR

DTC beauty brands shipping in drops. Cream-yellow ground, ink-purple type, an orange-red accent that does not apologize. Archivo 700 for the display with slight letter-tightening — a billboard, not a magazine. Built for stores whose Instagram is louder than their About page.

SIGNATURE MOVES

A pop color-block hero with per-block fg / bg tokens (live on the block itself, not theme-wide), a slight rotation amount, and a Product scroller that shows products from a chosen collection. Pill buttons stay, but the type drops the air.

WHEN TO CHOOSE IT

Choose Confetti if your product is a routine, a drop, or a refill. Mercer reads too restrained; Poise is the wrong vocabulary. If your launch calendar matters more than your founding story, Confetti is built for it.

Other presets

Four more looks in the system.

Currently viewing: Confetti. See all five →