Form

Figma — Form

Matches Figma design: Form–348-6893. Used by the visual comparison pass. Gravity Forms is installed and active; formId is wired to the real Contact Us form (form ID 1). Background image is attachment 67 (primary-hero-background, real library content) standing in for the design's own golden-swirl photo, which is pending a Figma REST PAT re-export — verifies the block's owned media pipeline (image + hue-tint + dark-tint wash) renders live.

Start the Conversation

Contact US

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

31632 Marshall Road, Abbotsford, British Columbia V2T 6B1, Canada
Consent

Variant — light scheme, video media, no contact info

Validates colorScheme flipped to light, mediaType switched to video, and the contact-info list emptied. Uses a separate duplicated form (form ID 2, 'Contact Us (light scheme demo)') so this instance does not share DOM ids with the Figma demo above. Not a Figma reference.

Let’s Talk

Send us a message and our team will follow up within one business day.

Consent

All Gravity Forms fields — dark scheme

Form ID 3 (All fields): every standard and advanced Gravity Forms field type available in this install, rendered through the Form block on its default dark scheme. The form is paged, so page 1 carries the section break, text, paragraph, name, email, phone, website, number, date, time and address fields and page 2 carries the drop down, multi select, checkboxes, radio, multiple choice, HTML, list, file upload and consent fields. CAPTCHA is left out because Forms / Settings / reCAPTCHA has no connection configured on this install. The light-scheme rendering of the same form lives on the manual sub-page, so the two instances do not share DOM ids.

Field reference

All fields

Every Gravity Forms field type this install offers, styled by the theme.

1Your details
2Preferences
This field is for validation purposes and should be left unchanged.

Your details

A section break opens each page. Every field below is rendered by Gravity Forms and styled by the theme.
A single line text field with a description underneath.
A multi-line text area.
Name
Please enter a number from 0 to 100.
A number between 0 and 100.
MM slash DD slash YYYY
Opens the Gravity Forms datepicker.
Time
:
Address