contact.frosted-console · Console

A contact pattern from Frosted Glass, 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.frosted-console". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
One frosted console pane: details on 1–4, a vertical hairline at 5, the form on 6–12.
Slots
title, address, email, hours, contact
Grid areas
details 1-4 · rule 5-5 · form 6-12 (12-column grid, 1-based inclusive spans)
Tokens
bg #0A0F1F · text #E4EAF6 · heading #FFFFFF · accent #6E8BFF · accent2 #A67AE8 · Sora / Manrope · radius 22px · space unit 8px (full list in design/tokens.json)

Pattern notes

  • One frosted pane across the grid: title (h2), address, email and muted hours on 1–4; a vertical hairline at column 5 (hidden on phone); the form on 6–12 with frosted fields (surfaceAlt), labels above, primary submit.

Start a conversation

Rua da Boavista 72, 1200-066 Lisboa

hello@northfold.com

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

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