contact.y2k-chrome-guestbook · Guestbook

A contact pattern from Y2K Chrome, 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.y2k-chrome-guestbook". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
A 'sign the guestbook' window on 3–10: accent title bar with a pixel label, then a centred chrome title, a line of text, the email in pixel font and the form.
Slots
sectionLabel, title, body, email, contact
Grid areas
window 3-10 (12-column grid, 1-based inclusive spans)
Tokens
bg #F6FBFF · text #192028 · heading #091018 · accent #00B0FB · accent2 #7D9FFF · Unbounded / Sora · radius 28px · space unit 8px (full list in design/tokens.json)

Pattern notes

  • One window panel on 3–10 (surface, token radius, 2 px border, glow). Title bar in accent with a pixel-font label in onAccent. Body: chrome h2 centred, one line of text, the email address in the pixel font, then the form (name, email, message) with pill-shaped inputs and a primary pill submit. At phone width full width.

Contact

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

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