contact.constructivist-dispatch · Dispatch

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

Rule
Two touching blocks: a red block on 1–5 with the title and details in onAccent, and a thick-ruled block on 6–12 holding the form.
Slots
title, address, email, hours, contact
Grid areas
details 1-5 · form 6-12 (12-column grid, 1-based inclusive spans)
Tokens
bg #EFE6D2 · text #16130F · heading #16130F · accent #C8102E · accent2 #FF7777 · Anton / Barlow Semi Condensed · radius 0px · space unit 8px (full list in design/tokens.json)

Pattern notes

  • Two blocks that touch: a red block on 1–5 (`bg: accent`) with the title in capitals and the address, email and hours in `onAccent`; a block with a 4 px border on 6–12 holding the form (name, email, message) with square, thick-ruled fields and a red submit button.

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