Global Styles

Change it once. See it everywhere.

Fonts, colors, spacing, borders, shadows and animations live in one place. Change a token and every page, template and part follows.

Join early access Browse Templates

Typography

Type that scales with the screen.

Pick fonts from the font library or upload your own, then build a scale of sizes that grow and shrink between phone and desktop. Headings, body text and buttons all read from the same scale.

Color system

A color system, not a color list.

Brand colors and neutrals become tokens every block uses. Switch any section to a dark scheme and the same tokens flip with it, with a contrast check to keep text readable.

Spacing and shape

Spacing, corners and shadows, all tokens.

Set a spacing scale, radius sizes and shadow presets once. Every block offers the same choices, so gaps, corners and depth stay consistent from the header to the footer.

Elements

Style every element, in every state.

Give links, buttons, headings and inputs their look once, including hover, focus and active states. Then set defaults for any WordPress or Flatsome block, like every product card or every accordion.