DWG · 01.07 · COMPONENT SPEC

Callout

Margin-note panel with a hatched left gutter and a tone-coloured rule. Each callout can carry a reference number so it can be cited from elsewhere on the page.

Tones

01.07·A
PREVIEWPX · 1:1
<Callout tone="note" title="General note" annotation="NOTE 01">
  Standard informational notes use the default graphite rule.
</Callout>
<Callout tone="ok" title="Confirmed" annotation="NOTE 02">
  Use the confirmed tone for verified or passing states.
</Callout>
<Callout tone="warn" title="Caution" annotation="NOTE 03">
  Use caution for non-blocking issues that need review.
</Callout>
<Callout tone="danger" title="Danger" annotation="NOTE 04">
  Use danger for destructive or load-bearing risks.
</Callout>