contact.synthwave-signal-form · Signal form

A contact pattern from Synthwave Retro-Future, 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.synthwave-signal-form". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
Title, a line and mono contact readouts on 1–5; the form in a neon-outlined TRANSMIT panel on 7–12.
Slots
title, body, email, address, sectionLabel, contact
Grid areas
details 1-5 · panel 7-12 (12-column grid, 1-based inclusive spans)
Tokens
bg #0E0B1F · text #EDE6FF · heading #FFFFFF · accent #FE2D6D · accent2 #00A59F · Orbitron / Space Grotesk · radius 2px · space unit 8px (full list in design/tokens.json)

Pattern notes

  • Columns 1–5: chrome h2, a paragraph, the email as a mono link readout, the address in muted mono. Columns 7–12: a neon-outlined "transmit" panel with a mono label and the form; fields have 2 px purple borders that glow accent on focus.

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

Rua da Boavista 72, 1200-066 Lisboa

Contact

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