contact.claymorphism-hello-card · Hello card

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

Rule
A surface clay form card in 1–7 (h2 at step 6, a line, name / email / message form) beside an accent2 card in 8–12 with a 4:3 clay object, the email at step 2, phone and hours.
Slots
title, body, contact, image, email, phone, hours
Grid areas
form 1-7 · details 8-12 (12-column grid, 1-based inclusive spans)
Tokens
bg #F2EDFF · text #2B2340 · heading #1E1733 · accent #FF64AC · accent2 #00C09F · Fredoka / Nunito · radius 32px · space unit 8px (full list in design/tokens.json)

Pattern notes

  • A white form card in 1–7 (padding 64 px): h2 at step 6, a muted line and the name / email / message form with pill inputs (the message field radius 24 px). An accent2 card in 8–12: a 4:3 clay object, the email at step 2, phone and hours.

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

hello@northfold.com

+351 21 340 5512

Studio open Mon–Thu, 9:30–18:00