Design a promotion with themes and brand settings
Customize your Revup promotion's images, colors, fonts, and form layout, then preview the design to check the participant experience.
Set your images
Open Design β Images. Logo appears separately from Main Images. Resize the logo with its slider. Main Images can contain multiple images; drag them into order and choose Above Form or Below Form. Use Page Background for the outside page and Form Background for the form itself.
Removing an image changes that promotion's presentation. Check each public placement after changing an image, especially where an embedded form has less space than the hosted page.
Choose and customize a theme
Open Appearance β Colors. Current colors shows what the form uses: a theme, your form style's own colors, or Custom colors once you change a color. Pick a preset or an available account/custom theme there, or your form style's colors, then change any individual text, background, field, or button color below it. Choosing a theme replaces all of these colors together. While Colors is collapsed, its row shows the same name.
Use Save Custom Theme and a Theme Name when you want to reuse your design. Claim-form builders have a reduced theme selection and do not offer the normal account custom-theme workflow.
Adjust type and layout
Typography provides the Font and, under Sizes, Heading, Sub-heading & text, Field labels, Fields, and Post-entry. Right-to-left text (RTL) changes reading direction; it does not translate your text.
Layout provides:
- Form width: the form's available width within its placement.
- Form padding: space inside the form container.
- Field height: the height of ordinary inputs.
- Line height: spacing between lines of text.
- Border radius and Border thickness: the shape and weight of form controls.
- Shadow: the strength of the form's shadow.
Each slider shows its current value. Settings with a lock are set by your form style; hover the lock for details.
A field's individual width is a separate Advanced setting in its Form card. Test side-by-side fields on mobile even when the overall Form Width looks correct on desktop.
Verify the participant experience
Check the form, validation errors, post-entry content, and any gallery or game. Use long labels and real image proportions. Keep text readable, colors sufficiently distinct, and buttons easy to use on a small screen. Test the actual host page after changing an embed's width or background.
Use Custom CSS only for styling the built-in controls cannot express. Retest those rules after changing a theme.
Was this helpful?
More in Build, Publish & Automate
Add bonus actions, coupons, and passcodesUse custom CSS safelySet up email sending for your accountAutomate email and SMS with FlowsStill need help? Ask the team