Content Hierarchy

BrandonDusch's avatar
Published Jun 8, 2022Updated Sep 14, 2023
Contribute to Docs

Content hierarchy is established by giving precedence and priority to certain content within a digital interface.

The type of content (i.e. image, text, buttons, etc.), where it is placed, and how it is presented, are some factors that help establish content hierarchy.

Content hierarchy can be established by adjusting the size and page position of elements. For example, content with greater priority is often larger in size and towards the top of a page, whereas content with lower priority is smaller and toward the bottom of a page.

  • Front-end engineers work closely with designers to make websites beautiful, functional, and fast.
    • Includes 34 Courses
    • With Professional Certification
    • Beginner Friendly.
      115 hours
  • Get started with User Interface (UI) and User Experience (UX) Design and learn how to wireframe and prototype using Figma.
    • Beginner Friendly.
      2 hours

All contributors

Contribute to Docs

Learn UI and UX Design on Codecademy

  • Front-end engineers work closely with designers to make websites beautiful, functional, and fast.
    • Includes 34 Courses
    • With Professional Certification
    • Beginner Friendly.
      115 hours
  • Get started with User Interface (UI) and User Experience (UX) Design and learn how to wireframe and prototype using Figma.
    • Beginner Friendly.
      2 hours