Contact page
A short, high-intent page. One oversized statement, one form or one address, and nothing that gets between the two.
Sections, in page order
- 01
hero
Hero statementA short invitation at display scale.
- 02
cta
Magnetic CTAThe single action.
- 03
Optional footer band, only if the page would otherwise be too short to scroll.
Build order
- 01
Build the form or the address block first; it is the reason the page exists.
- 02
Set the statement around it.
- 03
Add motion only if the page has enough height for it to be seen.
Acceptance checks
- The contact method is visible without scrolling at 800px viewport height.
- Form fields keep the native cursor and native validation messaging.
- No custom cursor over inputs or textareas.
- Submitting works without JavaScript, or the failure is explained inline.