Skip to main content

How do I customize colors and fonts?

Two of the biggest decisions in your funnel's look, both controlled from the theme.

Customize the colors

Open the theme settings and find the color section. You can set:

  • Primary color — the dominant brand color. Used for buttons, highlights, and accents.

  • Supporting colors — secondary colors used for accents, status indicators, and contrast.

  • Text and background colors — the colors that show up on body copy and page backgrounds.

Enter colors as hex codes (like #1A73E8) for exact brand matching, or pick from the color selector.

Customize the fonts

Open the typography section and set:

  • Heading font — used on all heading blocks

  • Body font — used on all text blocks and on form labels

Mixing two fonts (one for headings, one for body) almost always reads cleaner than using the same font for everything. If you're not sure what to pair, pick a sans-serif for headings and a different sans-serif for body — that combination is hard to go wrong with.

Tips for readability

A funnel is something the visitor reads on their phone, often in bright daylight. A few things that matter more than you'd expect:

  • High contrast. Light gray text on a white background looks designerly in the editor and unreadable in the sun. Stick to high-contrast pairings.

  • Generous size. Body text should be at least 16px equivalent. Most theme presets handle this for you.

  • One accent color. A page using your primary color on the call to action stands out. A page where five different elements use five different accent colors fights itself.

Where to go next

  • How do I create a theme?

  • How do I apply a theme preset?

Did this answer your question?