SYSTEM

Toast

A short note in a framed layer at the screen’s edge.

Layers shadcn: Sonner, Toast

Anatomy

Panel the shared layer, fifteen modules wide, at the bottom right
Text what happened in the label voice, in ink, then one line at 16/24
Close an icon cell with the x glyph
Stays 4s, or until closed
Burn 300ms in from the press, back into the close cell or the press

Decisions

  • A frame

    A layer over the page keeps its 1px ink frame, the one four-sided frame in the system.

  • No colour

    A toast says what happened in words. It is not red: red is a state, never a message.