contact.midcentury-postcard · Postcard

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

Rule
A ruled, rounded postcard: details on the left half (1–5), a vertical rule in 6–7, the form on 8–12, and an orange stamp square in the corner.
Slots
title, address, email, hours, contact
Grid areas
details 1-5 · rule 6-7 · stamp 12-12 · form 8-12 (12-column grid, 1-based inclusive spans)
Tokens
bg #F3E9D6 · text #2B231B · heading #2B231B · accent #C9552A · accent2 #0099BE · League Spartan / Jost · radius 20px · space unit 8px (full list in design/tokens.json)

Pattern notes

  • The whole section is a postcard: a 2 px ruled, rounded frame. Inside: the title (step 5), address and email as leads, and hours on 1–5; a 2 px vertical rule in 6–7; a small orange "stamp" square tilted 6° in the top of column 12; the form (name, email, message) on 8–12 with rounded fields.

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