Hierarchy

• ⇆ Adjuststrong scale contrastclear hierarchystyle: layout-hierarchy-strong-contrast001Strong scale contrastDesign · UI/UXThe headline is much larger than the body, making the reading order obvious.
• Aa⇆ Adjustoversized headlinegiant typestyle: layout-hierarchy-oversized-headline002Oversized headlineDesign · UI/UXThe headline is set extremely large, filling the width of the page.
• ⇆ Adjustsubtle hierarchyrestrained typographystyle: layout-hierarchy-subtle003Subtle hierarchyDesign · UI/UXThe headline is only slightly larger than the body, giving a quiet hierarchy.