For the complete documentation index, see llms.txt. This page is also available as Markdown.

🎨Design & Branding

Make a Dapta Form look like your brand from the Design panel inside Build: themes, colors, fonts, logos, cover screen and share card, with a live device preview while you edit.

Design is a mode inside the Build tab. Click Design in the toolbar and the canvas is replaced by two columns: every visual setting on the left, and a live preview of the real form on the right. Each change shows up in the preview immediately and is saved as a draft; click Publish when you want respondents to see it.


Step 1: Open your form, stay on the Build tab and click Design in the toolbar (next to Add question). Click Design again to go back to the question canvas.

The editor in Design mode: the Design toolbar button is highlighted, the settings column is on the left and the device preview on the right
Design mode. Left: settings, grouped in cards. Right: the live preview of your form.

The left column is organized in cards, top to bottom: Form title, Layout (Slides or One page), Theme, Colors, Typography, Shape and controls, Layout (logos, alignment, width, transition), Share card, Cover screen, Client logos, a pointer to Partial submissions (configured in the question list on the Build tab) and When the form ends.


Step 2: Use the preview controls at the top of the right column. Mobile, Tablet and Desktop switch the device frame (the size and zoom are shown next to it, for example 1280 Γ— 800 Β· 45%). The arrows walk through the screens (Previous screen, Next screen), and the circular arrow restarts the preview. The address bar shows the public link, with buttons to copy it and open the live form.

The preview column with the step arrows and the Mobile, Tablet and Desktop switch highlighted
The preview runs the real form renderer. Nothing you type in it is submitted.

πŸ’‘ Tip: The preview shows your draft, including unpublished edits. Respondents keep seeing the last published version until you click Publish.

⚠️ Note: A workspace Brand kit can pre-fill logo, colors, font and controls for every new form. Anything you change here applies to this form only.

Pages in this section

  • Themes, colors & background: pick one of the nine theme presets, set Background, Text and Accent with contrast checks, and choose a Solid, Gradient, Glow or Image background.

  • Typography & controls: choose a typeface (or host your own), and set corners, button style, full-width button and the progress indicator.

  • Logos, layout & transitions: form logo and cover logo, logo size and position, question alignment, content width, step transition and the public form title.

  • Cover screen & banner: the intro screen shown before the first question, with banner, headline, subheadline, Start button and trust badge.

  • Client logos marquee: a "trusted by" strip of logos on the cover, the reveal screen or both.

  • Share card (social preview image): the image shown when the link is shared in chat or social, generated from your design or your own.

  • Brand kit (workspace-wide): the workspace look that new forms start with, and how to apply it to existing forms.

Last updated