contact.athletic-join-club · Join the club

A contact pattern from Athletic Sport, 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.athletic-join-club". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
An accent panel in 1–5 with the italic title, a line and the club's address, phone and email; the sign-up form (name, email, phone, message) in 7–12.
Slots
title, body, address, phone, email, contact
Grid areas
panel 1-5 · form 7-12 (12-column grid, 1-based inclusive spans)
Tokens
bg #FAFAFA · text #1F1F1F · heading #0F0F0F · accent #FF3B00 · accent2 #00A1BA · Barlow Condensed / Barlow · radius 0px · space unit 8px (full list in design/tokens.json)

Pattern notes

  • An accent panel in 1–5 padded 48 × 40 px: italic caps h2, a line, the address, the phone number in italic caps and the email, all onAccent. The sign-up form (name, email, phone, message) in 7–12 with square fields and a 4 px bottom border.

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

+351 21 340 5512

hello@northfold.com

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