Skip to Content
Design & brandingTheme styles (Warm / Bold / Minimal)

Theme styles

A theme style is a saved bundle of settings — colors, typography, corner radius, button style, and spacing. Applying one is the fastest way to change your store’s whole look without editing individual settings.

Citera ships with three styles you can switch between at any time.

The three styles

Warm Editorial

Cream and tan palette with a serif heading font. Feels soft, editorial, and premium. Best for: beauty, wellness, food & drink, apparel, home goods.

  • Palette — cream, tan, warm brown, muted accents
  • Headings — serif (Playfair-style)
  • Body — sans-serif
  • Buttons — soft radius, restrained hover

Bold Commerce

High-contrast, confident, conversion-forward. Punchy hero, strong buttons, sharp typography. Best for: consumer electronics, fashion drops, DTC brands with a young voice.

  • Palette — bright accent on white background, dark inverse band
  • Headings — bold sans-serif
  • Body — sans-serif
  • Buttons — sharp corners, strong hover states

Minimal Mono

Restrained, monochrome, typographic. Feels editorial and quiet. Best for: design-focused stores, art & prints, minimalist fashion, high-end services.

  • Palette — near-black text on white, one accent color
  • Headings — sans-serif with lots of tracking
  • Body — sans-serif
  • Buttons — thin outline style

Switching styles

Open theme settings

In the theme editor, click the gear icon in the bottom-left.

Go to Theme styles

Click Theme styles.

Pick a style

Click any of the three cards. The preview updates immediately.

Save

Your content is safe. Theme styles only change the visual settings — your sections, blocks, images, and text stay exactly as they were. Switch as many times as you want.

After you switch

Every setting in the style is now editable independently. Some things to look at next:

Can I create my own theme style?

Not directly in the editor — but everything a theme style controls is editable via the individual settings. You effectively “make your own” by picking the closest starting style, then adjusting.

Your first customizationColors