contact.bookish-correspondence · Correspondence

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

Rule
A letter-style block in 3–7 (italic title, 'Letters may be addressed to', address, email, hours) and the contact form in 8–11.
Slots
title, body, address, email, hours, contact
Grid areas
letter 3-7 · form 8-11 (12-column grid, 1-based inclusive spans)
Tokens
bg #FDF9F4 · text #241E16 · heading #150E06 · accent #7C1C1D · accent2 #B2635D · Libre Caslon Text / Libre Caslon Text · radius 0px · space unit 6px (full list in design/tokens.json)

Pattern notes

  • In 3–7: italic h2, "Letters may be addressed to" in italic, the address, email and muted hours. In 8–11: the contact form with underlined fields (1 px bottom border) and italic labels.

Start a conversation

Each engagement starts with a two-week audit: interviews with customers, sales and the people who build the product. The brief writes itself after that.

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