Forms
Contact form
Best for
A marketing or support form — the photo carries the ask, the column carries the answers
Anatomy
Photo banner with its gradient and two lines · one column of fields 12px apart · counted message · Submit last, on its own
Got a project in mind?
Reach out with your idea, question, or feedback — we read every message and reply within 24 hours.
Contact form · stacked
Best for
The same form where the width is the page's, not a column's — the banner spans it
Anatomy
Banner across the top · first and last name paired on one row · email and message under them · Submit last
Got a project in mind?
Reach out with your idea, question, or feedback — we read every message and reply within 24 hours.
Application form
Best for
A form long enough to need steps — and whose last step depends on the first four
Anatomy
Header with a Sign In action · five-step indicator · a heading per step · Back and Next, Next dead until the step is answered
QuickApply
Complete your application in minutes — we'll guide you through every step.
Tell us about yourself
Be first in,
and 10% off.
Join the list and we’ll email you the moment the code library and MCP server go live — with a 10% discount code to use whenever you decide to buy.
One email when it ships. No spam, and you can unsubscribe anytime.Forms
Contact form
Best for
A marketing or support form — the photo carries the ask, the column carries the answers
Anatomy
Photo banner with its gradient and two lines · one column of fields 12px apart · counted message · Submit last, on its own
Got a project in mind?
Reach out with your idea, question, or feedback — we read every message and reply within 24 hours.
Contact form · stacked
Best for
The same form where the width is the page's, not a column's — the banner spans it
Anatomy
Banner across the top · first and last name paired on one row · email and message under them · Submit last
Got a project in mind?
Reach out with your idea, question, or feedback — we read every message and reply within 24 hours.
Application form
Best for
A form long enough to need steps — and whose last step depends on the first four
Anatomy
Header with a Sign In action · five-step indicator · a heading per step · Back and Next, Next dead until the step is answered
QuickApply
Complete your application in minutes — we'll guide you through every step.
Tell us about yourself
Be first in, and 10% off.
Join the list and we’ll email you the moment the code library and MCP server go live — with a 10% discount code to use whenever you decide to buy.
One email when it ships. No spam, and you can unsubscribe anytime.