Change your site’s design

Updated August 6, 2026 · 4 min

The Design tab, on the right side of the editor, controls the tokens your whole site is built from — not one section at a time. Every change here is a free, instant update to the live preview.
  1. Pick a color palette

    Tap any swatch in the "Color palette" grid to recolor your whole site at once — background, text, and accents. A "Current:" line underneath always names the palette you're on. If none of the presets are quite right, tap "Customize colors" to hand-pick each one yourself: Primary, Accent, Background, Surface, Alt surface, Text, Muted text, and Borders. The text color printed on your primary and accent colors is chosen automatically, so you can't accidentally pick a color combination that's unreadable.

  2. Pair your fonts

    The "Fonts" section lists ready-made heading-and-body typeface pairings. Tap one to apply it across every page — there's no separate control for headings versus body text, so the pairing you choose here is consistent site-wide.

  3. Fine-tune corners, density, and shadows

    Three more controls shape how everything else looks: "Corners" runs from Sharp to Pill and sets how rounded buttons, cards, and images are; "Density" (Compact, Comfortable, or Airy) sets how much breathing room sits between sections and inside cards; "Shadows" (None, Soft, Elevated, or Bold) sets how much depth cards and panels appear to have.

    Tip

    These are the fastest way to make a site feel calmer or bolder without touching a single section — try Airy density with soft shadows for a quieter look, or Pill corners with bold shadows for something louder.
  4. Set backgrounds and photo treatment

    Two more controls finish the look: "Backgrounds" sets the page backdrop — Flat, Tinted, Gradient, Texture, or Shapes — and "Imagery" applies one color treatment across every photo on the site — Natural, Duotone, Warm, B&W, or Matte. Both apply everywhere at once, so a single choice keeps every page consistent.

  5. Experiment freely — it’s all free

    Every control on the Design tab applies instantly to the live preview and never spends a credit, so there's no reason to hold back. If a combination doesn't work, just pick something else — nothing here has a confirmation step or an undo you need to reach for.

Frequently asked

Do design changes cost AI credits?

No. Everything on the Design tab is a manual edit, and manual edits are always free — only chat edits in the AI panel cost credits.

Related guides

Ready to see this on your own site?

Generate my site — free