Marks — logo variants

Five geometries derived from the reference (letter + box files + bookmark ribbon), each drawn once and re-coloured through the app's existing Paper palette. Geometry lives in <symbol>; colour is injected with CSS custom properties, so any cell in the matrix is a real, buildable combination.

01

Seven geometries

Shown in the reference palette (cyan #22C7F0 / violet #8B4DEE) with multiply overlap, so they're directly comparable to the original.

A1 · Binder-B

Faithful reconstruction. Ribbon stem carries the notch; three bars go wide / narrow / wide to make the B. Closest to the source.

A2 · Ribbon-B

Every terminal becomes a swallowtail. More internally consistent, but the bowls stop reading as bowls — the B gets weaker.

B1 · Slab-M, tailed

Retargeted to the app's actual name. A real M — counters are wedges, apex at the cap line — with a swallowtail on each of the three feet.

B2 · Slab-M, flat

Same letter, tails removed. Sturdier and more type-like, but only the rounded cap is left carrying the bookmark idea — probably too little.

B3 · Ribbon knockout

Single ribbon, letter knocked out. One colour, one shape — the only variant that's trivially correct in iOS 26 tinted and mono icon modes.

C1 · Three ribbons

Drops the letterform entirely. Stepped heights do the work. Most robust silhouette, least ownable — many apps could use this.

C2 · Monoline

Binder-B as strokes. Sits in the same register as the app's serif/paper styling instead of fighting it. Fails below ~28px.

02

Palette matrix

Each geometry through the reference palette and five pairs drawn from Paper.swatchPairs in LibraryKit.swift. The Dark column uses the palette's own dark-mode counterparts, not dimmed light values.

ReferenceNavy + Verm.Ink + Verm. Yellow + Verm.Blue + ForestInk onlyDark
A1 Binder-B
A2 Ribbon-B
B1 Slab-M deep
B2 Slab-M shallow
B3 Knockout
C1 Three ribbons
C2 Monoline
03

Size ladder

128 / 64 / 40 / 24 / 16 px. 40px is the Settings-row and tab-bar size; 16px is the favicon / Spotlight-result size. Anything that turns to mush at 24 is a wordmark, not a mark.

A1 Binder-B
128
64
40
24
16
B1 Slab-M deep
128
64
40
24
16
B3 Knockout
128
64
40
24
16
C1 Three ribbons
128
64
40
24
16
C2 Monoline
128
64
40
24
16
04

App icon

iOS squircle at 120pt and 60pt. The mark is set at ~62% of the tile — Apple's grid wants generous margins, and every one of these was drawn edge-to-edge in its own box.

A1 · navy
B1 · yellow
B3 · ink
C1 · blue
A1 · dark
A1 · reference
60pt
60pt
60pt
60pt
60pt
60pt
05

Lockups

Wordmark set in the app's own voice — serif for the name, mono letterspaced for the descriptor — rather than the reference's geometric sans, which belongs to a different product.

Marks
Everything you saved
Marks
Everything you saved
Marks
Everything you saved
Marks
Everything you saved
06

Pattern test

The reference proves itself by tiling. Same test here — if the mark only works alone, it isn't a system.