TwinaForms Help
Form themes — one place to control the look.
A theme is a reusable set of visual properties (colors, fonts, logo, form width). Define a theme once, then assign it to as many forms as you like — editing the theme updates every form that uses it.
What a theme is
A theme controls how a published form looks: page background, form background, fonts and text colors for the title, sections, and body text, the appearance of input fields, the submit button, and the logo. Around 30 properties in total.
Themes are configured in the Themes tab inside the Designer. Each theme is reusable — a single theme can drive the look of many forms, which is helpful when you want consistent branding across all the forms your team publishes.
Create, clone, or delete a theme
Open the Themes tab. The left side lists every theme that exists in the org. The right side is the editor and live preview.
- Create new theme — click the + New theme button. A theme with sensible defaults is created and selected.
- Clone — select a theme you like and click Clone. A copy is created so you can vary just the parts you want to change.
- Edit — change any property on the right; the preview updates immediately. Changes auto-save.
- Delete — available when a theme isn't currently assigned to any form. If it is in use, you'll be prompted to reassign first.
Assign a theme to a form
- Open the form in the Designer.
- Make sure nothing is selected on the canvas, so the right panel shows Form Settings.
- Find the Theme dropdown and choose one.
The form's preview updates immediately. The assignment auto-saves and applies as soon as you republish the form.
Property reference
Themes group around 30 properties into a few categories:
Logo and width
| Property | What it does |
|---|---|
| Logo URL | Image shown at the top of the form. Uploaded image or external URL. |
| Logo Size | Height and max width in pixels. |
| Logo Position | Left, Center, or Right. |
| Form Width | Narrow, Standard, Wide, or Full. |
Page background
| Property | What it does |
|---|---|
| Background Color | Page background outside the form container. |
| Form Background Color | Background of the form container itself. |
| Form Border Color | Border around the form and dividers between sections. |
Typography
| Property | What it does |
|---|---|
| Title Font / Size / Color | The form title at the top. |
| Section Title Font / Size / Color | Section headings inside the form. |
| Main Font / Size / Color | Body text and field labels. |
| Hint Text Color | Help text and placeholder colors. |
| Link Text Color | Hyperlinks in body text. |
| Error Color | Validation error messages. |
Font choices include Roboto Slab, Inter, Georgia, or Custom. Custom requires a font name that's web-safe or provided through your hosting.
Inputs and buttons
| Property | What it does |
|---|---|
| Input Background / Border / Border Radius | How input fields look. Border radius controls rounded corners. |
| Button Font / Size / Text Color | The submit button's text. |
| Button Background / Hover Background | The submit button's fill colors. |
Defaults and inheritance
If a form has no theme assigned, TwinaForms uses a built-in default look (Roboto Slab title, Inter body, light blue page background). The default is usable for testing or quick demos.
Themes are not tied to a single form — they live at the workspace level and can be assigned to any form in the org. Editing a shared theme changes the look of every form pointing at it.
RTL forms
RTL (right-to-left) direction is not a theme property. It's set per form, under Form Settings → RTL Mode. Once enabled, the form mirrors automatically — labels move to the right, alignments flip, and the submit button moves to the right side. The theme's colors, fonts, and logo apply identically to LTR and RTL forms.