styling and layout

Corner radius, wallpaper, and workspace icon

Updated 2026-06-22

Three project-wide appearance controls let you round the calculator's corners, add a background image to the results page, and show a small icon in the header.

Corner Radius

Sets how rounded the corners are across the whole project — the calculator card, buttons, inputs, and other surfaces.

  1. Open the Style tab in the left navigation.
  2. Find Corner Radius (px) and enter a number. It defaults to 16px if left blank.

Use 0 for sharp, square corners, or a larger value for a softer, more rounded look. On a narrow (mobile) preview the radius collapses to 0 so the calculator fills the frame edge to edge.

Wallpaper image

Adds a background image to the results page.

  1. In the Style tab, find the Wallpaper Image toggle.
  2. Turn it on, then upload an image.

Note: Wallpaper is only available on the two-screen layouts (Color Bar and Duotone). It does not appear when a calculator is in single-page (side-by-side) view, because there's no separate results screen to sit behind. See Single-page (side-by-side) view.

Workspace icon

Shows a small round icon in the published project's header — handy for adding a logo or brand mark.

  1. Open the project's Settings tab in the left navigation.
  2. Turn on Show workspace icon.
  3. Upload an image. It's displayed as a 40x40 circle.

This icon is per-project and set in the editor. It's separate from your workspace-wide branding logo, which is configured in workspace settings.

Related