Styling

Typography, uploaded fonts, colour presets and design tokens, with a live preview.

Fonts

Use a Google Fonts URL, or upload font files directly if your brand font is not on Google Fonts or you are licensed to self-host it.

Colours

Set your palette in the Theme Colors tokens. A change there applies across the storefront rather than needing to be repeated block by block. Other token groups cover typography, borders, spacing, corner radius and sizing.

Custom color presets add your brand colours as quick swatches in Admin’s colour pickers and text editor. They do not change the storefront by themselves.

Per-block alignment and gallery options are in Block defaults.

Live preview

Shows your changes as you make them, including unsaved ones. Save to keep them.

Before Custom CSS

Try to express what you want here first. Styling survives Rubikc updates; Custom CSS may not.