contact.scandinavian-soft-letter-form · Letter form

A contact pattern from Scandinavian Soft, drawn alone below with this design's tokens and sample copy. Used in this design on: contact page, section 2. Give the section root data-pattern="contact.scandinavian-soft-letter-form". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
A soft panel in 3–10 holding a two-line intro and a full contact form (name, email, message); the panel is the only element.
Slots
title, body, contact
Grid areas
panel 3-10 (12-column grid, 1-based inclusive spans)
Tokens
bg #FDF9F4 · text #241E16 · heading #150E06 · accent #69A382 · accent2 #5DA29C · Nunito / Nunito Sans · radius 16px · space unit 8px (full list in design/tokens.json)

Pattern notes

  • A single rounded surface panel in 3–10 padded 64 px: h2 at step 5 weight 400, a muted two-line intro and a contact form (name, email, message). Fields have a 1 px border in the border colour, the style radius and a bg fill; the submit button is the primary 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.

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