contact.swiss-form-grid · Contact grid

A contact pattern from Swiss International, 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.swiss-form-grid". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
Title and address details stacked in 1–4; the form fills 6–12 with underlined fields and a square submit button.
Slots
title, address, email, hours, contact
Grid areas
details 1-4 · form 6-12 (12-column grid, 1-based inclusive spans)
Tokens
bg #FAFAFA · text #1F1F1F · heading #0F0F0F · accent #E2271D · accent2 #850001 · Inter Tight / Hanken Grotesk · radius 0px · space unit 8px (full list in design/tokens.json)

Pattern notes

  • Title, address, email and hours stacked in 1–4; the form fills 6–12. Fields are underlined (1 px bottom border only), labels sit above in small type, the submit button is square with the accent fill.

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