UI component · dimensional drawing

Dialog

Architecture only: slots, spacing, radii, layers and viewport placement. Content is out of scope.
Dwg no.
UI-DIALOG-001
Rev
A · 2026-10-23
Sheets
1
Units
CSS px @ 1×
Scale
As noted
Source
Invite dialog · Card Showcase
NOTES:(UNLESS OTHERWISE SPECIFIED)
  1. Do not scale from screen. Read the numbers.
  2. All dimensions in CSS px at 1×. Padding is measured inside the 1 px border.
  3. Slots are placeholders. Text, icons and copy are not part of the drawing.
  1. Every dimension is a variable (S1, R2, H5…). Derived values are written as formulas.
  2. HUG = sized by its content · FLEX = takes the remaining space · FILL = full width of its parent.
  3. [TBD] = not defined in the source. Grayscale by design; color is out of scope.
W · dialog-w
420 fixed
S2 · body-pad
14
S3 · body-gap
16
H5 · input-h
40
H1 · header-min
2·S1 + H3
R2 · r-body
R1 − B − S6
MH · max-h
100vh − 2·V1
2026-10-23  |  UI component referenceDialog, architecture  |  1