Break Up Long Pages with Section Headings and Visual Patterns
Turn long, scroll-heavy pages into structured sections using headings, cards, and layout patterns.
Turn long, scroll-heavy pages into structured sections using headings, cards, and layout patterns.
Help ensure your site is usable by everyone, including people using screen readers, screen magnifiers, or other assistive tools. These guides offer practical ways to improve clarity, structure, and inclusive design through content and layout choices.
How you write and structure content affects accessibility. This guide outlines patterns that make your content easier to read, navigate, and maintain.
The News content type is flexible enough to support more than announcements. This guide shows how and when to use it for storytelling, longer updates, or curated reports.
Use the News content type to build engaging reports or themed pages that tell a story. These guides show how to combine layouts, components, and editorial choices to bring content to life.
Guiding principles related to the design system purpose and objectives, digital design best practices, universal principles of design, and professional ethics.
Display groups of images consistently, with proper stacking and captions, instead of inserting inline media.
Long-form pages benefit from clear navigation between related stories. This guide shows how to use inline and CTA-style links to support reader flow.
Help users explore relevant content by using Columns to group events by topic, format, or audience.
Lead stories deserve visual emphasis. This guide shows how to use 50/50 or Vertical Cards to anchor a section and guide readers into the content.
Links should be easy to understand and easy to find. This guide helps you write link text that makes sense out of context and shows how to place links where users expect them.
Well-structured FAQ pages help users find what they need quickly. This guide shows how to choose the right pattern and format for clear, accessible results.