Page Backgrounds

The page background is what sits behind your form container. It fills the entire browser window and sets the overall mood of your form. You’ve got three options.

Solid color

The simplest option — pick a single color for the background. Clean, fast, and works everywhere.

Radiance

Radiance creates a soft, ambient color effect using three colors that blend together. It produces a subtle, organic-looking gradient effect that adds visual interest without being distracting.

Set three colors and they’ll mix together to create the radiance effect behind your form.

Fluid

Fluid creates animated wave patterns using three colors. The waves move gently across the background, creating a dynamic, living effect. It’s eye-catching without being overwhelming.

Set three colors and the animation handles the rest.

Tips

  • Solid color is the safest choice if you’re unsure — it loads fast and looks clean
  • Radiance adds warmth and personality without being too busy
  • Fluid is a showstopper for forms where you want to make an impression, but keep in mind it’s animated
  • Pair a semi-transparent form container with background blur for a frosted-glass look over any of these backgrounds
  • You can combine page backgrounds with animated icon backgrounds for even more visual flair