Header 1 (1.5rem / 24px)
This is body text for comparison. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Header 2 (1.25rem / 20px)
More body text here. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Header 3 (1.1rem / 17.6px)
Body text continues. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.
Header 4 (1rem / 16px)
This is at the same size as body text. Duis aute irure dolor in reprehenderit.
Header 5 (1rem / 16px)
Also the same size as body. Excepteur sint occaecat cupidatat non proident.
Header 6 (1rem / 16px)
The smallest header level. Sunt in culpa qui officia deserunt mollit anim id est laborum.
Side-by-side comparison
Here’s some regular paragraph text so you can compare the visual weight and size of headers against body copy.