Form checklist

Run through this when building a new form or reworking an existing one. Each item is a rule from forms.

• [ ] Single column, top-aligned labels, content width capped at 480–560 px.
• [ ] Required shown to the right of required fields, applied the same way as every other form.
• [ ] Guidance needed to fill a field is helper text, always visible — not a tooltip.
• [ ] Help icons standardised on a single (i); tooltips only for optional extras.
• [ ] Placeholders hold an example value in e.g. … form, and never substitute for a label.
• [ ] Long explanations moved to a one-line header description plus Learn more.
• [ ] Side panel used only for a preview, and only where the result is visual and hard to predict.
• [ ] Fields grouped by shared purpose; divider and section label only between groups whose purpose changes.
• [ ] Short values (number + unit) given a width that matches the value.
• [ ] Footer: left-aligned, one primary, sentence case, Cancel as secondary.