Layout Preview 03

Card Matrix

Card matrix Module index Highest density

This pattern organizes entry points through a full-screen card distribution instead of vertical sections or a fixed sidebar. It works for topic entry pages, product indexes, feature navigation, and module hubs.

Featured Entry

Keep one largest card to define the most important entry point on the screen.

A matrix page fails when every card carries the same weight. Give it one lead card first so users know where to click.

Topic overview / lead summary / featured CTA Use it for a topic lead, a high-frequency capability, or a major homepage module.

Navigation Column

The upper-right area can become a long-form index or a status directory.

OpenAPI Family Design Components Token Groups Status Boards

Wide Card

Topic card or product-line entry

This card carries a mid-priority entry point. It is smaller than the feature card but more important than a standard card.

Wide Card

Feature collection or update panel

It can also be used for a changelog, a collection page, or a recommendation block.

01

Docs

Docs entry.

02

SDK

Tool entry.

03

Status

Status entry.

04

Guides

Guide entry.