Start from one of nine design presets, then adjust anything you like. Styles can be set for the whole form or for a single field.
Design presets
Presets set colors, radius, spacing and input style in one click. Pick the one closest to your site, then fine-tune it. Switching presets keeps your fields and settings.
Custom styling
- Colors: accent, text, labels, borders and backgrounds.
- Radius: square to fully rounded corners.
- Spacing: the gap between fields and rows.
- Input variants: filled, outlined or underlined.
Per-field overrides
Select a field and open its style settings to override the form styles for that field only. This is useful for a highlighted consent box or a large rating scale.
Accessibility
SubtleForms outputs labelled fields and visible focus states. When you change colors, keep enough contrast between text and background, and between input borders and the page.