Heading tags H1 to H6 structure the content on a webpage. H1 is the main title and should appear only once, giving the page’s primary topic. H2 headings break content into major sections, while H3 to H6 provide finer sub-sections beneath them. This hierarchy improves readability for users and helps search engines understand the page’s layout and key themes. Proper use supports accessibility, SEO, and organised content flow.

Text sizing defines the visual hierarchy and readability of all written content. Headings should use progressively smaller sizes from H1 to H6 to establish clear structure. Body text must remain comfortably readable across devices, typically using scalable units such as em or rem for consistency and accessibility. Larger sizes may be used for emphasis or key messages but should be applied sparingly. Always ensure text remains legible, balanced within layouts, and visually aligned with the overall design system.