contact.terminal-mail-prompt · mail prompt

A contact pattern from Terminal Mono, 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.terminal-mail-prompt". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
Two columns: on 1–5 the title at step 5, a muted lead and the email address at step 2 in the accent at the bottom; on 6–12 a framed mail window (title bar with the mail command) holding the form as bare prompt fields and a [ send ] button.
Slots
title, body, contact, email, meta
Notes
Fields are bare lines with a prompt label ("from:", "subject:", "body:"), no boxes; submit is "[ send ]".
Tokens
bg #0B0F0C · text #C8D3C5 · heading #E6F0E3 · accent #3DDC84 · accent2 #279558 · JetBrains Mono / JetBrains Mono · radius 0px · space unit 4px (full list in design/tokens.json)

Pattern notes

  • Two columns of the same height. On 1–5: the title at step 5 (max 16 ch) and a muted lead, with the email address at step 2 in the accent pinned to the bottom. On 6–12: a framed mail window whose title bar holds the command (`mail -s "hello" studio@acme.dev`); inside, padded 5 units, the form as bare prompt fields (`from:`, `subject:`, `body:`) and a `[ send ]` button.

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.

hello@northfold.com

Booking projects from June 2026

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