Back to docsRecipe

Support form design

A clean, accessible support form that collects structured user inquiries and routes them to the right team — without overwhelming the user.

Live preview

Structure

Four fields — name, email, category dropdown, and message textarea. The category selector pre-routes tickets so the right team sees them first. Keep the form short; every extra field reduces completion rate.

Styling notes

Inputs use a subtle white border on dark backgrounds with the brand violet focus ring. The select element gets appearance-none to strip browser chrome — add a custom chevron if needed.

Accessibility

Every input has an associated label with a matching htmlFor attribute. Placeholder text supplements labels but never replaces them.