Type and a rounded square, not an image — so the badge is as sharp in a 16px browser tab as it is on a 1024px splash. The square’s 22% corner is `--os-badge-radius`; it styles the mark and the module squares alone, while the chassis takes the softer 20/16/12/8 glass-era ladder.

The tenant’s own mark, and the maker’s mark behind it

Signed in, the far left of the bar is the CUSTOMER’s logo, with the VNTURE OS badge following it at 20px — a maker’s mark, not a peer. Everything below is drawn at the bar’s own 28px height, on the bar’s own glass, from a file the customer could plausibly upload — including the two that break a top bar, the one that disappears into it, and the workspace that has uploaded nothing.

OSSquare icon — takes the badge’s own footprint

OS3:1 wordmark — full height, its own width

OS12:1 signature — past the 8:1 cap, so it scales down rather than crops

OS5.6:1 wordmark — a real customer export, inside the cap and at full height

OSTall crest — a square box and air, never a 7px sliver against the breadcrumb

OSNear-white mark exported for a dark site — --mark-edge traces the glyphs, no plate

OSBroken or removed — the OS badge takes the box, no alt stub and no reflow

OSNorthbound CapitalNo mark uploaded yet — the workspace wears VNTURE OS

THE LAST ROW IS THE RULE: a workspace with no logo wears the badge AS its mark and gets no second one, so there is never more than one OSbadge in a bar. The box is computed from the intrinsic size the server measured, so it is on the element before the image is fetched — the bar cannot jump on a cold load, and it does not jump when a mark 404s either: the VNTURE OS badge lands in the box the logo would have had. A near-white mark is separated from the glass by --mark-edge, a drop-shadow that traces the file’s alpha, never a plate behind it.

App icon and favicon

Solid Carbonfavicon.svg · icon-192 · icon-512

White squareapple-touch-icon · dark browser chrome

Cool Greyquiet variant for light UI chrome

MaskableAndroid adaptive — the launcher crops it

These are the generator’s real output, rendered from the same badge geometry the components use. iOS is the one target that still needs a PNG; the 180px SVG above is its master.

The library

Phosphor Icons v2.1.1 (@phosphor-icons/core), MIT licensed — extracted at build time, so the app ships path data and no icon package. Two weights of the one family: bold everywhere, fill on the module tile and nowhere else.

Module tiles — where you are, and where you are not

The tile is white with a hairline and a soft shadow, under the tenant’s own ink. Exactly one tile per surface is filled: the module you are in, on the deepened tenant gradient under the measured glyph. Today is standing in for the current one here.

Module glyphs — one per module, at 40px

A launcher tile is aimed at, not read. Six of these are the owner’s own choices — a house, three figures, an envelope, a dated grid, a card with a portrait, and a delegation tree for the agents, which is what an agent roster actually is.

The same glyphs at 20px, shoulder to shoulder

If two glyphs can be confused, this row is where it shows. Hover any of them for its name.

Interface glyphs, at 40px

The verbs and the furniture. One family and one weight — bold — so the set is coherent because it was drawn that way, not because the drawings were chosen to match.

Interface glyphs, at 20px

20px is the system default beside 16px body text, and 18px is the smallest the component will draw. Bold is the weight that still has a counter at those sizes — regular goes grey beside the type, and fill closes a magnifying glass into a blob.

The workspace as it actually ships, beside the whole catalogue

Open the first one. Four entries is what org LP loads today — Today, Contacts, Business Cards, Agents — and it is the configuration that was never looked at while the launcher was a grid of squares: the panel narrowed with the module count, the labels were wide-tracked caps, and every one of them was cut to a single letter. As rows the names are written out in full, the panel is one sensible width per column count rather than a width per module count, and nothing in the panel truncates at all. Twelve entries is where the filter field appears, and below that the marker simply opens on the module you are in.

Measured, not asserted: a row is 56px tall and the full column wide, so the smallest target in the panel is more than double the 44px floor; the name is 16px medium in sentence case, written out in full, with no truncation anywhere in the component; the module’s own drawing sits at 20px reversed out of a 40px Carbon square — the OS badge that opened the panel, at row size. No caps anywhere: the section labels are the quiet 15px sentence-case label, ranked by weight and colour. The panel is 23rem at one column and 38rem at two, and neither width moves when a module is installed or switched off. A second column arrives at six entries, where a single column plus a “Not enabled” foot first exceeds the scroller’s 544px ceiling. The module you are in is marked twice and quietly, and there is no third signal: the selected surface under the whole row, and its square inverted to White with the accent as its boundary — the name stays Carbon, so a pale tenant colour cannot make the row you are standing on the hardest one to read. All four triggers are 44px. Every row in the account menu is 48px, and every row in the bell is at least 56px.

The corner is four objects from 768px up and two below it, which is arithmetic rather than taste: after the mark and the breadcrumb the bar has 648px of slack at 1280, 162px at 768, 66px at 640 and 16px at 375, and two more 44px circles cost 104px. Narrow the window past 768 and the bell and the ticket move into the avatar’s menu as the two rows at the top of it, with a dot on the avatar where the count was — nothing becomes unreachable, and the page name never loses letters to a control.