Display popover — icon plus text variants

Quick mockups, hand-rolled tokens, light and dark side by side. Mac frames use the SF Symbols rendered for the icon note (Normal has no settled icon: text.justify / align-justify stand in). Layout, Density, Break long paragraphs and Focus Mode are the four settings; the Break and Focus rows are menu items with ticks, as discussed.

Artefact — the popover as it would drawCommentary — not product

A · Battery-style list

Mac · light
Layout
Columns
Single column
Density
Compact
Normal
Spacious
Break long paragraphs
Focus Mode
Mac · dark
Layout
Columns
Single column
Density
Compact
Normal
Spacious
Break long paragraphs
Focus Mode
Commentary
The shape of the Energy Mode popover: one-of-three as rows with a leading icon, the chosen row's icon becomes an accent disc, no segmented control. The two on/off settings are plain menu items with a tick on the left. Rows can't truncate in any language; the popover is taller (7 rows) and the disc is hand-built (no stock control draws it).

B · Segmented, icon over text

Mac · light
Layout
Columns
Single column
Density
Compact
Normal
Spacious
Break long paragraphs
Focus Mode
Mac · dark
Layout
Columns
Single column
Density
Compact
Normal
Spacious
Break long paragraphs
Focus Mode
Commentary
Keeps today's control but each segment carries its icon above its label, so the icon is never guessed. Break and Focus Mode are plain tick menu items (tick on the left, text only). Width is still set by the longest label, so Polish still grows the popover.

C · Plain menu rows, one list

Mac · light
Layout
Columns
Single column
Density
Compact
Normal
Spacious
Break long paragraphs
Focus Mode
Mac · dark
Layout
Columns
Single column
Density
Compact
Normal
Spacious
Break long paragraphs
Focus Mode
Commentary
A classic menu: tick gutter, icon, label for every row, with the one hover row shown. The most native look and the quietest; the exclusive choices are told apart only by the tick. Closest to what the web menu is today.

D · Tiles

Mac · light
Layout
Columns
Single column
Density
Compact
Normal
Spacious
Break long paragraphs
Focus Mode
Mac · dark
Layout
Columns
Single column
Density
Compact
Normal
Spacious
Break long paragraphs
Focus Mode
Commentary
Layout and Density as large icon tiles, the chosen one outlined and tinted (Safari Reader's theme tiles). The icons do the most work here, so a poor icon hurts most; Normal has no strong icon yet.

E · Slider for density

Mac · light
Layout
Columns
Single column
Density
Normal
Break long paragraphs
Focus Mode
Mac · dark
Layout
Columns
Single column
Density
Normal
Break long paragraphs
Focus Mode
Commentary
Density as a three-stop slider with the compress and expand icons at the ends and the current word beneath (like the Aa size control in Safari). Layout stays segmented with icon and text inline. Density is a continuum, which a slider says honestly; it hides the word until you look.

F · Web menu, with icons (Lucide)

Web · light
Layout
Columns
Single column
Density
Compact
Normal
Spacious
Break long paragraphs
Focus Mode
Web · dark
Layout
Columns
Single column
Density
Compact
Normal
Spacious
Break long paragraphs
Focus Mode
Web · Battery-style, light
Layout
Columns
Single column
Density
Compact
Normal
Spacious
Break long paragraphs
Focus Mode
Commentary
The web menu is the Export menu's family (muted group label, indented rows, tick). Variant C with Lucide icons is the straight upgrade of what ships; the third frame shows whether the Battery-style discs are worth carrying to the web at all (probably not: the web menu is a menu, and the disc is a Mac-popover idiom).

G · The toolbar button

light
Display
Commentary
textformat.size in the capsule as today, with the label "Display" on hover and in the accessibility name. No change proposed.