Introducing Flatsome Site Builder. A new beginning for Flatsome. Read more

Account Join early access

GLOBAL STYLE PANEL

Make your whole site look like your brand.

Set your colors, fonts and spacing once. Every page, product and block follows along.

Join early access Explore the style tools

Brand colors

One color palette for your whole site.

Pick your brand colors once and use them everywhere. Change a color and it updates wherever it is used.

  • Set brand, background and status colors in one place.
  • Choose colors for light and dark sections.
  • Reuse named colors instead of picking new ones for every block.
Join early access

Typography

Fonts that match your brand.

Choose your fonts and text sizes once, then use them for headlines, product names and everything in between.

  • Manage fonts, sizes and reusable text styles.
  • Style all headings at once or one level at a time.
  • Fine-tune weight, line height and letter spacing.
Join early access

Buttons, links & fields

Buttons, links and forms that match.

Give buttons, links and form fields one shared style, from the homepage to checkout.

  • Manage element styles from the Global Style Panel.
  • Style buttons with shared fonts and borders.
  • Set normal, hover and focus colors.
Join early access

Layout & spacing

Consistent spacing on every page.

Shared widths and spacing keep new pages in line with the rest of your site.

  • Set content and wide layout widths.
  • Create a spacing scale for padding and gaps.
  • Use the same spacing as your site grows.
Join early access

Style the small details too.

Set defaults for blocks, borders and shadows, so every page looks polished.

Set default styles for your blocks.

Choose styles for Flatsome and WordPress blocks once. New pages start with them already applied.

Keep borders and shadows consistent.

Create reusable border and shadow styles for cards, images and more.

Your design system, in one place.

Keep your site consistent as you add pages, products and campaigns.

Shared colors

Brand, background and status colors, with matching text colors.

Reusable presets

Name the sizes, spacing, borders and shadows you use most.

Layouts

Shared content and wide widths for every page.

Element styles

Consistent headings, links, buttons and form fields.

Block defaults

Set styles for WordPress and Flatsome blocks from one panel.

Native Global Styles

Built on WordPress Global Styles and theme.json, with visual controls.

Build a site that looks like your brand.

Choose your colors, set your fonts and make every new page feel at home. Design your WordPress and WooCommerce site with Flatsome.

Join early access Explore Site Builder