contact.organic-map-garden · Map garden

A contact pattern from Organic Earth, drawn alone below with this design's tokens and sample copy. Used in this design on: contact page, section 1. Give the section root data-pattern="contact.organic-map-garden". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
A rounded map on 1–6; title, address, email, hours and a short form on 8–12.
Slots
image, title, address, email, hours, contact
Grid areas
map 1-6 · details 8-12 (12-column grid, 1-based inclusive spans)
Tokens
bg #F3EBDD · text #2E2A22 · heading #2A1F14 · accent #BC572B · accent2 #A56B00 · Fraunces / Karla · radius 28px · space unit 8px (full list in design/tokens.json)

Pattern notes

  • A rounded 4:3 map on 1–6 (muted earth-toned map style). Columns 8–12: h2, address, email, italic muted hours, then the form: fields with a 1 px bottom border in `border`, pill primary submit.

Start a conversation

Rua da Boavista 72, 1200-066 Lisboa

hello@northfold.com

Studio open Mon–Thu, 9:30–18:00

Name
Your name
Email
you@example.com
Message
Tell us a little about your project…
Send message