contact.editorial-magazine-letters · Letters

A contact pattern from Editorial Magazine, 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.editorial-magazine-letters". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
Like a letters page: title and an invitation paragraph on 2–6; the address, email and phone above a letter form on 8–11.
Slots
title, body, address, email, phone, contact
Grid areas
invitation 2-6 · form 8-11 (12-column grid, 1-based inclusive spans)
Tokens
bg #FDF9F4 · text #241E16 · heading #150E06 · accent #9B2234 · accent2 #D26F74 · Playfair Display / Source Serif 4 · radius 0px · space unit 8px (full list in design/tokens.json)

Pattern notes

  • On 2–6: the title in italic serif (h2) and a paragraph inviting letters, ending with the editors' names in small uppercase. On 8–11: address, email (underlined) and phone in the body face, then a form (name, email, message) with 1 px bottom-border fields and a square accent submit. At phone width the form follows.

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

+351 21 340 5512

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