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.
SHEET · 01.07
Tones
01.07·APREVIEWPX · 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>