Skip to main content

Brand styles

Manage shared color and text presets from the Brand styles panel and apply them across your site.

Brand styles keep your site's visual identity consistent. Instead of picking one-off colors and fonts on every element, you define presets once and reuse them across the builder.

Open Brand styles

In the builder's left panel, open the menu and choose Brand styles. The panel has two sections: Color styles and Text styles.

Color styles

Color styles are named colors for your brand — buttons, backgrounds, accents, and neutrals.

Click Add color to create a swatch, name it, and set its value. Once saved, the color is available in color pickers across the Design panel, such as Fill, Border, and text Color.

To edit a color, open it in the list. To remove it, delete it from the panel.

Text styles

Text styles bundle typography settings for reuse — think headings, paragraphs, links, and labels.

Click Add text to define a preset. Give it a clear name so teammates know when to use it.

To apply a text style, select a text element on the canvas and choose the preset from the Style input at the top of the Text section in the Design panel.

Import styles from Shopify

When your store is connected to Shopify, an Import styles button appears at the bottom of the Brand styles panel. Click it to pull colors and text styles from your Shopify theme into Instant. Imported presets appear alongside any you created manually, and you'll see a Styles imported successfully confirmation.

Importing requires a connected Shopify store — it's not tied to a plan.

Related articles

Did this answer your question?