The eleven HIG text styles. SF Pro across the board, with Display optical sizing kicking in around 20 px. Apple favors weight over size jumps — Headline and Body share a size; only the weight changes.

Thirteen system colors. Click any chip to set it as the active accent — the entire app re-skins live, including the sidebar selection, focus rings, and Liquid Glass tints.

One palette, four opacities. Secondary/tertiary aren't separate grays — they're black or white at reduced opacity, which makes the same tokens read correctly over any surface or material.

Three thicknesses of frosted glass. Always paired with backdrop-filter: saturate(180%) blur(20px). Switch the wallpaper from Tweaks to see how each thickness reacts.

The signature macOS 26 silhouette lives in the corners — windows at 26 pt, app tiles at 22 %, controls at 6 pt. Pills go fully round.

Soft, deep, and quiet. Every shadow is paired with a hairline keyline so the surface remains visible over busy wallpapers.

4 / 8 / 12 / 16 / 22 / 24 / 28 pt. Used everywhere from chip padding to window edge margins.

Four curves carry every transition in macOS 26. Hover over a card to see it loop. Durations: popovers ~150 ms, sheets ~250 ms, large transitions ~400 ms.

Every macOS app icon is a squircle with a 22 % corner radius. These are placeholder squircles tuned to feel adjacent to the system without recreating the real artwork.

Six flavors × four sizes × five states. Hover any button to see its hover state.

Inset rectangles with a focus ring in the active accent. Type into them — the focus ring appears.

Three flavors: idle, scoped with token, and the rounded toolbar style used in Finder.

Click any switch to toggle it. macOS toggles always show the "on" color, even when filling with accent.

Pill-shaped selectors. Click a segment to switch — it's wired up.

Click anywhere on a track to set the value; drag the thumb to slide.

Click ▲ / ▼ on the steppers to change the value. Color wells are linked to the accent.

Bars for known durations, spinners for unknown ones. All in the active accent.

Click rows to open / close.

Click rows to select.

Anchored translucent panels with arrows on any side.

Light, dark, and anchored — small floating bits of help.

Translucent menus with kbd hints, separators, and the accent-color hover.

The two canonical confirmation patterns.

Translucent banners that float over the desktop in the top-right corner.

The "traffic lights" — close, minimize, zoom.

The canonical macOS settings form: ~130 pt right-aligned label column, controls left-aligned, grouped in cards.

Floating capsule toolbars stacked into pills.

Liquid Glass split-view with sidebar bleeding the wallpaper.

Both the menu bar and the Dock are Liquid Glass thick surfaces. Hover the Dock at the bottom of this window to see the magnification.