Functional text

Fieldset legend

GOV.UK v6 font-sizes are taken from source (rem, converted to px at 16px base). GOV.UK's line-heights are approximate and computed from unitless ratios. PLOS values are from plos-overrides.min.css. Font-sizes and line-heights are defined in rem, with px equivalents shown for convenience.

Class	Figma label	GOV.UK mobile		GOV.UK desktop		PLOS mobile		PLOS desktop		Example
		font-size	line-height	font-size	line-height	font-size	line-height	font-size	line-height
govuk-fieldset__legend		1.1875rem / 19px	~25px	1.1875rem / 19px	~25px	1rem / 16px	1.5rem / 24px	1rem / 16px	1.5rem / 24px	The quick brown fox
govuk-fieldset__legend--xl	Legend XL	2rem / 32px	~35px	3rem / 48px	~50px	2rem / 32px	2.5rem / 40px	2.625rem / 42px	3rem / 48px	The quick brown fox
govuk-fieldset__legend--l	Legend L	1.6875rem / 27px	~30px	2.25rem / 36px	~40px	1.3125rem / 21px	1.75rem / 28px	1.75rem / 28px	2.25rem / 36px	The quick brown fox
govuk-fieldset__legend--m	Legend M	1.3125rem / 21px	~25px	1.5rem / 24px	30px	1.25rem / 20px	1.75rem / 28px	1.3125rem / 21px	1.75rem / 28px	The quick brown fox
govuk-fieldset__legend--s	Legend S	1.1875rem / 19px (inherited)	~25px	1.1875rem / 19px (inherited)	~25px	1.125rem / 18px	1.5rem / 24px	1.125rem / 18px	1.75rem / 28px	The quick brown fox

Hint and error message

GOV.UK v6 font-sizes are taken from source (rem, converted to px at 16px base). GOV.UK's line-heights are approximate and computed from unitless ratios. PLOS values are from plos-overrides.min.css. These elements are not responsive — font-size and line-height do not change at breakpoints.

Class	Figma label	GOV.UK		PLOS		Example
		font-size	line-height	font-size	line-height
govuk-hint	Hint	1.1875rem / 19px	~25px	1.125rem / 18px	1.75rem / 28px	Select all that apply.
govuk-error-message	Error	1.1875rem / 19px	~25px	1rem / 16px	1.5rem / 24px	Enter your full name