contact.memphis-postcard · Postcard

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

Rule
An outlined postcard panel on 1–7 with the title and form; on 8–12 a large ring, then address, email, phone and hours.
Slots
title, contact, address, email, phone, hours
Grid areas
postcard 1-7 · details 8-12 (12-column grid, 1-based inclusive spans)
Tokens
bg #FDF9F4 · text #241E16 · heading #150E06 · accent #FF5FA2 · accent2 #9AAE00 · Bricolage Grotesque / DM Sans · radius 12px · space unit 8px (full list in design/tokens.json)

Pattern notes

  • On 1–7: a postcard — surface fill, 3 px outline, hard shadow — with the title (h2 at step 5) and the form (name, email, message) whose fields have 3 px outlines and the token radius. On 8–12: a large ring in accent2, then the address, email (heaviest weight) and phone as leads, and the opening hours. At phone width the ring hides.

Start a conversation

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

Rua da Boavista 72, 1200-066 Lisboa

hello@northfold.com

+351 21 340 5512

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