S Subster

Appearance: theme and style

Pick the funnel's colors and shape, set a logo and tab icon and learn to bring back the old look.

What is set where

Appearance lives on three levels. A block setting beats a screen setting, and a screen setting beats the theme and style of the whole part:

LevelWhat changesWhere
the whole funnel parttheme — colors, background and font; style — shape; logo; tab iconthe “Theme” and “Style” buttons in the top bar, the fields under the “Layers” and “Blocks” tabs
screenbackground and content placementthe “Screen” tab in the right column
blockfont, colors, background, corner radius, spacingblock properties in the right column

So a screen background color overrides the theme on that screen only, and “Block font” the funnel font in that block only.

The quiz and the paywall are styled separately. Set the theme, logo and tab icon in each part, switching “Quiz | Paywall” in the top bar. Choose the style in the quiz: inside a funnel the paywall is shown in the quiz style.

Visitors see the appearance after publishing, like any edit.

Theme: colors, background and font

The theme button in the top bar reads “Theme” with no theme selected, the theme name if one is, or “Custom palette” if the AI picked colors that no longer match any theme.

  1. Click the theme button — the “Theme” window opens.
  2. Optionally filter by “Dark”, “Light” or “Bright”.
  3. Click a theme — it applies at once.

Theme names are in English. The “No theme” card removes the theme.

If the button says “Custom palette”, any theme from the window erases the AI colors along with its background and text color; only undo brings them back, until you reload the page. A theme does not change the font the AI chose.

Style: shape

“Style” opens a window with 12 styles. A style sets shape: corner radii, density, heading size, the look of the button, progress bar and “Back” button, logo position. Color stays with the theme, so they combine. “No style” restores the default.

Button color or font of the whole funnel

The editor has no fields for whole-funnel button color, background or font — the theme sets them. To change one, ask the AI editor at the bottom of the left column, e.g. “make the buttons green” or “use the Montserrat font”. Turns are paid; the price is under the input. After a color change the theme button shows “Custom palette”.

Screen background

  1. Click any block on the screen and switch “Block | Screen” at the top of the right column to “Screen”. A screen with no blocks lacks this tab — add a block first.
  2. In the “Screen background” section set a color, gradient or image: by link, with the “Upload from computer” button or from “Your media hub”.
  3. For an image, choose there how to show and darken it.
  4. “Content placement” moves the screen content vertically and horizontally.

Block appearance

Font, text and fill colors, block background, corner radius and spacing are set in the selected block's properties. The font is chosen in the “Block font” field. What each block can set is in the “Editor blocks” reference.

Logo and tab icon

Both fields are in the left column, right under the “Layers” and “Blocks” tabs.

The tab icon hint is inaccurate: the logo is set not in “Style” but in the “Funnel logo” field.

Style image

A style image is a screenshot of your app whose design the AI repeats in a new funnel. The field exists only in the AI generation window, in “Pro” mode, on the Pro plan — Generate a funnel with AI; not in the editor. For an existing funnel, attach the screenshot via the paperclip to an AI editor edit, also from Pro.

How to bring back the old look

Next