Form Renderer – styles preview

Colors

White
Light background
Dark background
Light gray
Gray
Dark gray
Orange
Red
Black

Fonts

Font family: acumin-pro, sans-serif as main body font.

Font family: miller-banner,sans-serif for main heading (h1) and panel titles.

Font family: 'Roboto Condensed', sans-serif for footer.

Typography

Example form heading 1 Small text

Example form heading 2 Small text

Example form heading 3 Small text

Example form heading 4

Example form heading 5
Example form heading 6

Example lead paragraph. Anim non ea ut aute. Anim anim magna voluptate nostrud eu voluptate deserunt. Mollit Lorem et excepteur officia occaecat ullamco incididunt mollit eiusmod.

Example normal paragraph. Quis deserunt qui occaecat ipsum eiusmod tempor qui. Officia laboris non ea sint consectetur ullamco. Voluptate anim aliqua Lorem sunt ut labore.

Lists

  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Nulla volutpat aliquam velit
    • Phasellus iaculis neque
    • Purus sodales ultricies
    • Vestibulum laoreet porttitor sem
    • Ac tristique libero volutpat at
  • Faucibus porta lacus fringilla vel
  • Aenean sit amet erat nunc
  • Eget porttitor lorem
  1. Lorem ipsum dolor sit amet
  2. Consectetur adipiscing elit
  3. Integer molestie lorem at massa
  4. Facilisis in pretium nisl aliquet
  5. Nulla volutpat aliquam velit
  6. Faucibus porta lacus fringilla vel
  7. Aenean sit amet erat nunc
  8. Eget porttitor lorem

Buttons

Cards/Panels

Featured
Special title treatment

With supporting text below as a natural lead-in to additional content.

Go somewhere

Alerts

Loaders

Formio loader
KYC loader
Generating PDF

Login block

Form steps navigation

Form elements

Error valdation message on top

Error validation for field

Field 1 is required

Test your own

Paste formio JSON to test and see the preview of form: