Colors

Select colors for different elements of your sections, including General colors, Button colors, and Overlay colors used for media with overlaying text.

You can also choose 2 color schemes to apply to sections in individual section settings.

General

Background

The background of the section, which spans the full height and width.

Text

All headings, subheadings, and body text.

Links

All linked text

Lines and borders

All lines and borders that appear between or within sections.

Accent

Small design elements, like badges

Accent contrast

Text or icons that overlay accent elements

Buttons

Primary button background

Primary button text

Secondary button background

Secondary button text

Overlay

Background

The tint applied on over images or videos.

Foreground

The text and elements that overlay images or videos.

Color schemes

A color scheme consists of a set of colors that are applied to your sections. You can choose to set up two custom color schemes.

In section settings, you can select variant color schemes that automatically generate alternate colors based on your default colors in global styles.

Alternate color schemes include: Inverse, Soft, Accent, Accent inverse, and Overlay.

Color scheme 1

Color scheme 2

Last updated

Was this helpful?