tech-docs-gem
tech-docs-gem copied to clipboard
Review the visual hierarchy of headings
The interpretation of GOV.UK Elements typography styles may have been too literal. It states:
<h1 class="heading-xlarge">A 48px Bold heading</h1>
<h2 class="heading-large">A 36px Bold heading</h2>
<h3 class="heading-medium">A 24px Bold heading</h3>
<h4 class="heading-small">A 19px Bold heading</h4>
but in reality when looking at Gov.uk content the 36px size is rarely used, with the majority of h2
's using the heading-medium
size of 24px.
I think this is still relevant even in the migration to the Design System.