Logo
A Butter Yellow square and a lowercase wordmark. The square is a highlighter mark, the smallest sign that a passage is worth returning to. There is no pen, cursor, spark, or AI symbol, and there never will be.
Construction
The wordmark is Sora 750 with −0.055em tracking in Midnight; the marker is a perfect brand-500 square with no radius, border, or internal symbol. Scale the marker, gap, and type together, never one in isolation.
20u square · brand-50017uSora 750 · −0.055em · ink-900The SVGs embed a Sora 750 subset, so they render correctly everywhere. Construct the lockup live only with logo/logo.css, which loads the full variable font.
Variants
The lockups carry the full name. For small surface identifiers, the app tab reduces Inline to the Butter Yellow marker and places it on a fully squared field. The same marker stays legible on Midnight and paper; the site tab keeps its separate Midnight marker so product and marketing remain distinct.
Use the 512px square exports with a 224px marker, leaving 144px of breathing room on every side. The field stays fully squared for social profiles; let a platform apply its own crop or mask instead of baking a radius into the artwork.
App icon and favicons
The square profile field stays crisp from a 96px app icon down to a 16px tile, and platforms may mask the field into a circle. Browser tabs are the exception: the product tab carries the bare marker in Butter Yellow and the marketing site tab carries it in Midnight, swapping to paper under a dark browser theme, so the two surfaces stay distinct when pinned side by side. The documentation site uses the same Butter Yellow square on a paper field.
96643216circlepaper
app tab
site tabClear space and minimum size
For lockups, let x equal the yellow marker width. Keep at least 0.75x of clear space on every side; prefer 1x in marketing layouts. For profile tiles, use the 512px square export with its 224px marker and full-bleed field.
| Asset | Digital minimum | Print minimum |
|---|---|---|
| Horizontal lockup | 96px wide | 25mm wide |
| Stacked lockup | 72px wide | 20mm wide |
| Tab marker | 16px | 4mm |
Incorrect uses
The lockup ships finished. Anything that alters its geometry, color, or type is out.
Assets
Everything ships from design-system/logo/. Download the square profile tiles as SVG for vector use or JPG for platforms that require a raster image.
