Compare Features LandingLanding page, 1 page
Flowline SaaS LandingLanding page, 1 page
Prismo Creative AgencyCreative, 1 page
Velour Car DetailingLanding page, 1 pageContact Form with Map
Editorial contact section with a serif-accented headline and live reply-time pill, a validated two-column form (reusable Contact field component: label, id, name, type, placeholder, autocomplete, optional toggle, half/fu…
50 sites for €79 only, Compare all plans
The system behind it
One pattern, your whole brand.
Contact Form with Map reads your ACSS tokens, so changing a color, a font or a spacing value once restyles it everywhere. No hard-coded values, nothing to override.
- Type
- Layout
- Category
- Contact
- Responsive
- Desktop to phone
- Works with
- Etch, ACSS, plain CSS
Component props 2
Only the repeating unit is a component. Duplicate, reorder or delete it in Layers and edit these props.
labelYour name
fieldIdetched-cf-name
namename
typetext
placeholderJane Carter
autocompletename
optionalFalse
spanhalf
labelOur office
badgeOpen today
addressLine1123 Business Street
addressLine2New York, NY 10001
countryUnited States
phone+1 (555) 123-4567
phoneHreftel:+15551234567
showCopyTrue
showHoursTrue
hoursMon–Fri · 9:00–18:00 ET
directionsLabelGet directions
directionsUrlhttps://www.openstreetmap.org/search?query=New%20York%2C%20NY%2010001
Included in Pro From €39 a year, with all 469 patterns.
Get ProMore patterns
