Fictional example data. Every name, date and value on these pages is made up. No real patient information appears here.

Card

Container surface for grouped content. Variants encode surface intent (surface/brand/ai/highlight/inverse). All colors use --ds-color-* semantic tokens.

Variants

variant=surface

Patient Identity

Identifier & key conditions

Alex Example, age 40 — sample conditions

variant=brand

Patient Identity

Identifier & key conditions

Alex Example, age 40 — sample conditions

variant=ai

Patient Identity

Identifier & key conditions

Alex Example, age 40 — sample conditions

variant=highlight

Patient Identity

Identifier & key conditions

Alex Example, age 40 — sample conditions

variant=inverse

Patient Identity

Identifier & key conditions

Alex Example, age 40 — sample conditions

Compositions

Header + content

Alex Example, age 40 — sample conditions

Full card

Header, content, action, footer

Alex Example, age 40 — sample conditions

Minimal — just a surface with content.