Funnel styling

For anyone setting visual direction for a funnel. You'll have a single place that controls every component's look. You need a funnel open.

All settings in the Styling System are global — they automatically apply to every page and component, with per-component overrides available where you need them.

Brand#

Manages shared brand assets. Upload your logo, favicon, and a social image (used in link previews when the funnel URL is shared on social platforms or in messages). Logos can be toggled on or off per page without re-uploading.

Fonts#

Upload custom fonts in TTF, OTF, and WOFF formats. The system auto-detects font weights on upload and groups variants into font families. Designate one family as Primary and another as Secondary; components reference these slots so swapping a family updates the entire funnel.

Style#

Global border radius and page transition animations. Components inherit these defaults; per-component overrides are available where you need them.

Colors#

Primary, accent, text, surface, border. Set once, apply everywhere. Every component references these tokens, so changing the primary color updates every button.

Overrides#

Any component can override the global style on its own settings panel. Overrides are scoped to that component — they don't leak back into globals.

Change the global, not the component: If you want a color change everywhere, change it on the global token. Per-component overrides drift over time and are hard to reverse.
Components
Every component that reads these tokens.