Primary lockup
Set in Jost at 300. Lowercase, always. The rule runs the exact width of the name, so it grows and shrinks with it.
Positive
odel-labs-primary.svg
Negative
odel-labs-primary-negative.svg
One colour
odel-labs-mono.svg
Square submark
Stacked, with the rule between the two words. For an avatar, an app tile, or anywhere the horizontal lockup will not fit.
Tile
odel-labs-submark-tile.svg
Tile, negative
odel-labs-submark-tile-negative.svg
App icon
icon-512.png
At size
The mark at the sizes it is actually used, down to the tab icon. Below 96px wide the lockup gives way to the favicon.
The accent rule
#FF5A00 never fills a surface and never sets type. It is a solid hairline under a black one, or a 5px dot. It marks the identity or it reports a state, and nothing that does neither gets it.
01
Under a line
The rule under a banner title, the base of the logotype, the selected nav item, a focused field, the pressed button. The line is black, the orange sits 2px under it.
02
A dot
5px, and it means live. Nothing that is not a running state gets one.
03
Inverted
At night the line goes white and the orange is unchanged. Same page, same accent, nothing else moved.
04
Never
No orange fills, no orange panels, no orange type, no gradients and no blur. No container, no icon beside the name, no third colour.
Files
Every variant, the social images and the page thumbnails sit in assets/. The one-page guide is assets/LOGO.md.