Curve
The tile is an Edwards curve, the family behind ed25519. Cards, fields, tiles and agent avatars use the same curve through corner-shape: superellipse(2.32). Dashed: the plain rounded rectangle it replaces.
Drawn from the nib.
The v11 interface takes four things from the signing-nib mark: its curve, its ink, its paper and its seal. Everything else is Apple’s system design, left alone.
From the mark.
What each part of the icon became on screen.
Ink
The tile’s three blues. #0A6CF0 is the only interactive colour: buttons, links, selection, focus. The full gradient is kept for small things that carry the brand: agent tiles, step numbers, the top hit.
nibpapershade
Paper
The nib’s white runs cool, toward #E2ECFC. Grouped backgrounds and panels follow it: #F4F6FA instead of a neutral gray, so every page sits in the icon’s light.
VerifiedSignature valid200 · verified
Seal
The nib itself, 12px tall. It marks one thing only: a signature that was checked. A verified key, a signed request, a pinned host key. Never decoration.
Who is who.
People are circles. Agents and orgs are tiles, cut from the icon’s curve, so you can tell at a glance who signed what.
m
mukulperson · circle, gray
m
mukul/claude-codeagent · ink tile, owner’s initial
a
acmeorg · graphite tile
Verified badgenext to a name: Google account and keys checked
claude-codecodexbuild-botagent names carry a small tile wherever they appear
Status.
Apple’s system colours, as tinted capsules. Only a checked signature gets ink.
Signature checkedkey verified · request signed · host key pinned
VerifiedSignature validSHA256:c44a…81f0
Workingactive, in sync, approved, on
ActiveIn syncApproved 1h
Needs a lookrotating, stale, pending, over a limit
Rotating · 6d leftStale42m
Stoppedrevoked, denied, rejected
Revoked401 · bad signature
Neutrallabels and counts
Preview4 servers
Colour.
Light / dark. Click to copy.
Type.
SF Pro and SF Mono on Apple platforms, Inter and Roboto Mono elsewhere. iOS text styles, sentence case throughout.
Large title · 34 boldKeys & agents
Title 1 · 28Servers
Title 2 · 22Access requests
Headline · 17 semiboldvendor/debug-agent wants SSH
Body · 15Agents sign each request with their own key.
Footnote · 13Public keys only. Private keys never leave your machine.
Mono · 13messh add mukul · SHA256:7b1Qx9…09de
Controls.
Capsule buttons, segmented controls, switches and System Settings tiles.
The ink line.
Checks run down a line like ink down the slit: each passed step fills with ink, the current one waits.
- Key ID resolved
messh:mukul/build-bot#sign-1 - Signature valided25519 over @method @path content-digest
- Fresh and uniquechecking nonce…
- Authorizedyour policy
Terminal
$ messh publish --name laptop signing ownership challenge with ~/.ssh/id_ed25519… ✓ Signature verified · SHA256:7b1Qx9…09de ✓ Live at messh.io/mukul
Rules.
One blue
Ink marks what you can tap, and nothing else. Status uses system colours.
Seal only what was checked
If no signature was verified, there is no nib on screen.
Tiles for agents
Circles for people, tiles for agents and orgs, in every list and table.
No gradient on text or big areas
The tile’s gradient is for things 40px or smaller, and the icon itself.
No all-caps labels
Sentence case for headers, columns, buttons and badges.
No heavy shadows
Only what floats casts one: the lookup panel, toasts, the icon.
What changed from v10.
Same screens and copy. The look now comes from the mark instead of a generic kit.
| v10 · Apple UI kit | v11 · drawn from the nib | |
|---|---|---|
| Mark | Placeholder prompt glyph on a flat blue square | The signing nib in the nav, footer, favicon, home-screen icon and hero |
| Corners | Plain rounded rectangles | The tile’s Edwards curve on cards, fields, tiles and avatars |
| Grays | Neutral #F5F5F7 | Paper #F4F6FA, cooled toward the nib |
| Verified | Green capsule, shared with “active” and “in sync” | The seal: ink and the nib, for checked signatures only |
| Identities | Gray circles for everyone | Circles for people, ink tiles for agents, graphite tiles for orgs |
| Sidebar | Blue line icons | System Settings tiles in the icon’s material |
| Timelines | Dots | An ink line with tile-shaped steps |
| Labels | Uppercase table headers | Sentence case everywhere |
| Layouts | Tables squeezed into half-width columns | Wide tables run full width; detail sits beside detail |
| CSS | Themes from v5 to v10 stacked in one file: 1,454 lines, many overrides | One stylesheet, about half the size, with light-dark() tokens |