UI component · dimensional drawing

Tuning dial

Architecture only: slots, spacing, radii, layers and timing. Content is out of scope.
Dwg no.
UI-DIAL-001
Rev
A · 2026-11-13
Sheets
1
Units
CSS px @ 1×
Scale
0.8:1 unless noted
Source
Built component · 1 instance
NOTES:(UNLESS OTHERWISE SPECIFIED)
  1. Do not scale from screen. Read the numbers.
  2. All dimensions in CSS px at 1× and a 1440 px viewport.
  3. Slots are placeholders. Labels, numerals and copy are not part of the drawing.
  1. Every dimension is a variable; derived values are formulas.
  2. HUG = sized by content · FLEX = remaining space · FILL = full width of the parent.
  3. The band maps 530–1700 kHz linearly onto W − 2·S1.
  4. Grayscale by design. Color is out of scope.
W · dial-w
FILL ≤ 1280
S1 · band-inset
32 (18 ≤ 760)
H2 · band-h
118–156
H3 · scale-h
0.38 · H2
R1 · r-band
14
Z1 · lamp
12
X · needle-x
S1 + f·(W − 2·S1)
2026-11-13  |  UI component referenceTuning dial, architecture  |  1