Playground

Forms

Form controls styled as cockpit instruments. Inputs use a left-border accent inspired by annunciator panel indicators. Checkboxes come in two flavors: annunciator toggles (ON/OFF pushbuttons with diagonal hatch texture) and instrument toggles (compact with a check indicator). Radio groups offer connected segments or annunciator button rows. Panels wrap fieldsets in composable textures.

Text Inputs

Standard text, email, number, password

Input with Help Text

Additional context below the field

HiDPI/Retina multiplier for output resolution

Expands crop to compensate for physical bezel

Input with Errors

Validation error display

ERR must be a valid email address

ERR can't be blank

ERR must start with CF-

Select

Dropdown select input

Checkbox — Annunciator

Default. Cockpit pushbutton with OFF/ON text

ERR must be accepted

Checkbox — Toggle

Input-style with left accent border and amber check

ERR must be accepted

Radio Group — Input

Connected pill segments, matches input styling

Format
Scaling

Radio Group — Annunciator

Cockpit pushbutton squares with stripe texture

Format
Scaling

Range

Slider input

Quality: 90%
Opacity

Controls texture transparency

Textarea

Multi-line text input

Panel — Stripes

Fieldset with legend and striped background

Monitor Model

HiDPI multiplier

Panel — Cross-hatch

Alternative texture variant

Export Settings
Quality