Callout gallery

Content uses semantic tones. Each header has one label beside its icon, with the body aligned to the same text column. Navigation, links and focus stay in ink.

Default labels

Custom titles

An author's title replaces the visible type label. The type remains available to assistive technology and in Markdown alert markers. These longer titles demonstrate first-line icon alignment when a label wraps.