Patterns
PATTERNS

The settings window, assembled.

Sidebar 236px, header bar 48px, content gutter 24px. Groups of rows in cards, a caption above each group, helper text below. Click items in the sidebar — the windows are live.

Display

Select rows, a switch and a slider with range captions.

Display
QEMU Monitor
Resolution
Refresh rate
Scale
Rotation
Night Light
Color temperature Less warmMore warm
Schedule

Keyboard

Check rows, helper and caution copy, navigation rows, repeat sliders.

Keyboard
Input method
None

Applications started before the input method may need to be restarted.

Shortcut key
Ctrl
Command

Ctrl is the shortcut key and Alt switches windows. The shortcuts can be changed in Keyboard Shortcuts.

LayoutEnglish (US)
Keyboard Shortcuts
Key repeat
Delay until repeat
Repeat rate

Appearance

Visual pickers: theme cards, accent dots, navigation rows with icon tiles.

Appearance
Appearance
Accent color
Fonts
Icon Theme
Cursor Style

Dock

Position picker, captioned sliders, a full-width segmented control.

Dock
Position on screen
Size SmallHuge
Glass effect More clearMore tinted
Display mode
Hot Corners
Minimized windows area

Interaction states

Hover and pressed are background shifts, never colour changes. Keyboard focus is always a 2px accent ring with a 2px offset — tab through the controls above to see it.

List row

Rest
Natural scrolling
Hover
Natural scrolling
Pressed
Natural scrolling
Focus
Natural scrolling
Disabled
Natural scrolling

Primary button

Rest
Hover
Pressed
Focus
Disabled

State tokens

hover
--pit-bg-hover · 100ms ease-out
pressed
--pit-bg-selected · instant
focus
2px --pit-accent ring, 2px offset
disabled
opacity 45%, pointer events off
selected
--pit-bg-selected + 500 weight