ns-ui / loud
A copperplate engraving that relights itself: a sphere rendered only as meridian hatch lines whose stroke WIDTH swells with shadow and vanishes to blank paper in the light, with a second cross-hatch pass appearing solely in the dark, and the pointer moving the light source.
Use when Pick hero-burin-hatch when the hero should read as an intaglio print of a solid object — tone made entirely by how wide each engraved cut is, with a genuinely blank highlight and cross-hatch confined to the shadow — and the cursor should act as the light source. ascii-engraving-contour is the glyph-ramp sibling for contour tone rather than variable-width line; hero-gravity-well is the pick when the pointer should deform the field's geometry instead of relighting a fixed form.
ns-ui / hero-burin-hatch
move the cursor over the plate — the light follows it
PLATE 04 / INTAGLIO
No fills, no gradients. The sphere is only meridian lines whose strokes swell into shadow, vanish to blank paper in the light, and pick up a second cross-hatch pass where the shade runs deepest.
| Prop | Type | Default | Description |
|---|---|---|---|
| eyebrow? | string | — | — |
| headline? | string | string[] | — | — |
| subcopy? | string | — | — |
| primaryCta | BurinHatchCta | — | — |
| secondaryCta? | BurinHatchCta | — | — |
| plateLabel? | string | — | accessible description of the engraving for screen readers |
| className? | string | — | — |