marketing pattern
Contact
Email + form for support / sales / partnerships.
When to use it
/contact. The fallback for support paths.
- Direct email visible
- Form is opt-in (don't hide the email)
Layout regions
- header
- main
- channels
- Direct email, support hours, status link
- form
- Optional contact form
- footer
States
- default
- Empty form
- loading
- Sending
- success
- Sent
- error
- Failed
Example
<Container><Grid cols={2}><ContactChannels /><Card><Form>...</Form></Card></Grid></Container>The full Contact pattern specifies 3 exact microcopy strings, 1 motion spec, 4 composition rules — all gated behind the full recipe. Get the full recipe.