ORBA

Components

Inputs

Quiet wells in the glass. At rest they whisper; focus draws the coral hairline; only genuine errors speak in red.

Text fields

We only use this to sync your sphere.

Please enter a valid email address.

Click into a field to see the focus treatment. Error text always names the fix, not just the failure.

Dropdown
Ambient sound
Session length

A glass sheet floats below the field. Arrow keys move, Enter selects, Escape dismisses.

Selection controls

Checkbox

Radio

Toggle

Checked states earn the coral + soft glow. Every control sits in a 44px hit area.

Sliders

Daily goal

hours

Quiet hours

range

The white knob carries the ORBA glow; the fill is coral. Drag, or focus the knob and use arrow keys (Shift for ×10).

Segmented control

For 2–4 sibling views. The chosen segment is the one warm signal of its row.

Accessibility
  • Every field has a real label — placeholders never stand in for one.
  • Focus is always visible: coral hairline on fields, coral ring on controls.
  • Errors are announced to screen readers and linked to their field.
  • All controls work keyboard-only: Tab to reach, arrows/Space/Enter to operate.