contact.neo-grotesk-minimal-form · Minimal form

A contact pattern from Neo-grotesk Minimal, 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.neo-grotesk-minimal-form". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
Columns 1–6: a tiny label, the email address at step 5 weight 500 (it is the main CTA), then phone and address muted. Columns 8–12: name, email and message fields with a 1 px bottom border only and a small solid button in the text colour.
Slots
sectionLabel, email, phone, address, contact
Grid areas
details 1-6 · form 8-12 (12-column grid, 1-based inclusive spans)
Tokens
bg #FAFAFA · text #1F1F1F · heading #0F0F0F · accent #F95620 · accent2 #9E2C00 · Geist / Geist · radius 2px · space unit 8px (full list in design/tokens.json)

Pattern notes

  • Columns 1–6: a tiny label, the email address at step 5 weight 500 (it is the main CTA), then phone and address in muted body type. Columns 8–12: name, email and message fields with a 1 px bottom border only, tiny labels above, and a small solid button in the text colour. At phone width the form follows.

Contact

hello@northfold.com

+351 21 340 5512

Rua da Boavista 72, 1200-066 Lisboa

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