Cards and terms

Cards provide a flexible and extensible content container with multiple variants and options.

Steph Consultant

Editorial generator: ChatGPT


Code
Blurred close-up of a smartphone’s quick settings screen (Wi-Fi, Bluetooth, airplane mode)
UX/UI

Atomic Design, a user interface design method that breaks down elements

Close-up of an Apple Vision Pro headset, its knitted band and dial, on a dark background
Technologies

Apple Vision OS: a revolutionary new advancement in visual device technology

Stack of teal-covered books on a white shelf, sticky notes on the wall
UX/UI

UI design guidelines, a set of principles and best practices that guide the creation of a user interface

Hands placing colourful sticky notes on printed mock-ups during a workshop
Technologies

Powerful integrations are essential tools for maximizing system efficiency and performance

A taxonomy term classifies content by topic. Shown on a card as a tag, it tells at a glance what the content is about and can lead to the term page, which gathers all the content sharing that topic.

Combining cards and terms lets visitors browse a site by subject rather than by section, while keeping a consistent presentation from one list to another: the same card works in a grid, a list or an “other pages” block, only the tags change.

White cherry blossoms on a branch, in the half-light