Patterns

Patterns provide guidance for combining foundations and components into complete experiences. They capture reusable approaches to common user needs, helping teams solve problems more consistently while reducing design and implementation effort.

Whether you're designing a landing page, building a registration flow, or organizing content, patterns provide a starting point built on research, best practices, and real-world implementation.

Building Better Experiences

While components provide the building blocks, patterns demonstrate how those blocks work together to support user goals and workflows.

Patterns help teams

• Solve common design challenges
• Reduce decision fatigue
• Create consistent user experiences
• Improve usability and accessibility
• Accelerate delivery across products

Pattern Categories

Page Templates

Reusable page structures designed for common content and business needs. Page templates provide proven layouts and content structures that help teams create cohesive experiences faster.

Includes

• Landing Pages
• Article Pages
• Team Pages
• Event Pages
• Resource Centers

UX Patterns

Solutions for common user interactions and workflows. UX patterns provide guidance for designing interactions that are familiar, intuitive, and efficient.

Includes

• Search & Discovery
• Filtering & Sorting
• Registration Flows
• Multi-Step Forms
• Account Management
• Data Exploration

Content Patterns

Recommendations for organizing and presenting information. Content patterns help teams communicate clearly while maintaining consistency across experiences.

Includes

• Hero Sections
• Calls to Action
• Feature Highlights
• Card Layouts
• Content Grids
• Messaging Hierarchy

Accessibility Patterns

Guidance for creating inclusive user journeys. Accessibility patterns help ensure experiences remain usable by the widest possible audience.

Examples: