🔠Typography & controls
Choose the typeface of your Dapta Form (nine built-in fonts or your own .woff2 file) and shape its controls: corner radius, button style, full-width button and the progress indicator (Bar, Dots, Count
Two cards in the Design panel decide how the form feels to use: Typography sets the typeface, and Shape and controls sets corners, buttons and how progress is shown. All of them update the live preview as you click.
Step 1: Open your form, stay on Build, click Design in the toolbar and scroll to the Typography card.
Step 2: Open the Typeface list and pick a font. The list is grouped into Sans, Serif and Your own. Every built-in font is served by Dapta Forms itself, so the public form loads nothing from an outside font service.
Sans
Figtree (default), Poppins, Inter, DM Sans, Space Grotesk, Manrope, Work Sans
Serif
Fraunces, Playfair Display
Your own
A font file you host yourself (see Step 3)
Step 3: To use a brand font that is not in the list, choose Your own. Two fields appear: Font name (the family name, for example Söhne) and Font file URL (.woff2) (a public link to the font file). Both fields are required; until both are filled, the form keeps using the default typeface.
💡 Tip: Make sure the font file is reachable from any browser (a public URL, no login) and that your license allows web use. If the file cannot be loaded, respondents see the default typeface.
Step 4: Scroll to the Shape and controls card and set the four controls. The preview on the right shows the result on the current screen.
Corners
Sharp, Soft, Round
The corner radius of inputs, option cards, buttons and the question card.
Button
Solid, Outline, Soft
Solid fills the button with the accent color. Outline draws an accent border with a transparent inside. Soft uses a light tint of the accent.
Full-width button
On / off
On (the default): the Next, Submit and Start buttons stretch across the content width. Off: they size to their label. On phones narrower than 480 px the button is always full width.
Progress
Bar, Dots, Counter, Hidden
How far along the respondent is. Bar is a thin line that fills up, Dots shows one dot per question, Counter shows "Step 2 of 6", Hidden removes the indicator from the screen (it is still announced to screen readers).
⚠️ Note: Progress only applies to the Slides layout. On a One page form every question is on the same screen, so the control is not shown.
💡 Tip: The Label on button contrast readout in the Colors card only appears while Button is Solid: with Outline or Soft the label sits on the form background, which the Text on background readout already covers.
Step 5: Click Publish and open the live form to check the result on a real device.
What's next
Themes, colors & background: the palette behind these controls.
Logos, layout & transitions: logo, alignment, width and how steps move.
Brand kit (workspace-wide): set a default typeface and controls for every new form.
Last updated