Content patterns
Indicating required and optional fields
Clearly communicating whether form fields are required or optional helps users complete forms with confidence and reduces input errors. Use the following standards to ensure consistency and clarity across all form interfaces:
When all fields are required: State
All fields as required.
as helper text. Do not use asterisks to indicate required fields.When all fields are optional: State
All fields are optional.
as helper text.When there is a mix of required and optional fields: State
A red asterisk
(*)
indicates a required field.
Then, apply the red asterisk after the label for any required fields.Don't indicate the quantity of required fields. e.g., "2 fields are required."
Capitalization rules for different elements
Pages
Titles and H1s
H2s: Title case
H3s and lower: Sentence case
Forms
Titles and H1s
H2s and lower: Sentence case
Navigation menu labels: Sentence case
Last updated
Was this helpful?