contact.maximalist-postcard · Postcard

A contact pattern from Maximalist Collage, 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.maximalist-postcard". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
A postcard on the surface colour: a bordered 3:2 photo in 1–6, a vertical rule in 7, and in 8–12 a tilted square stamp, the title, mono address, email and the contact form.
Slots
image, title, address, email, contact
Grid areas
photo 1-6 · rule 7-7 · message 8-12 (12-column grid, 1-based inclusive spans)
Tokens
bg #FDF9F4 · text #241E16 · heading #150E06 · accent #FF5A1F · accent2 #00B671 · Abril Fatface / Syne · radius 4px · space unit 6px (full list in design/tokens.json)

Pattern notes

  • The whole section is one postcard on the surface colour, padded 30 px: a bordered 3:2 photo in 1–6, a 2 px vertical rule in 7, and in 8–12 an accent square "stamp" (md) tilted 6°, the h2, the mono address and email and the contact form (name, email, message).

Start a conversation

Rua da Boavista 72, 1200-066 Lisboa

hello@northfold.com

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