mark.svg
Inline in a page header. Inherits currentColor.
Brand
A cube over three ripples: the thing, and the echo of it.
The mark
Strokes only, on an 80×80 viewBox, colored by
currentColor — so one file is legible on either theme.
-
-
logo.svg
Standalone: README, og image, anywhere it is
<img>-ed and has no text color to inherit. -
favicon.svg
Tab icon. Heavier strokes and more spread, because at 16px the thin version fills in.
Rules, such as they are:
- Don't re-tint it. It is
currentColoron purpose; a brand-blue variant for dark headers is one more thing to keep in step. - Don't set it below 24px except as a favicon — the ripples merge.
- Don't pair it with a second mark. A project's identity is its name in mono next to this one. The emoji-per-project habit is what this repo exists to end.
Color
cubeui's palette,
under its names: a token says what the color means. Defined in
cubesite.css, and on their own in
tokens.css for pages that want the
palette without the stylesheet. Muted text and borders are not tokens — they
are --foreground at 60% and 10%.
- --background
- --foreground
- --secondary
- --neutral
- --hover
- --active
- --info
- --positive
- --warning
- --negative
Type & voice
System sans for prose. Mono for names — project titles, card headings, the wordmark on a project site — because every one of these names is also something you type. That contrast is most of the identity; keep it.
Names are lowercase, as published: mcp-router, not "MCP
Router". Taglines say what the thing is, in plain words, with no
"blazing-fast", no "seamless", and no leading "A powerful".
The long version lives in the repo: brand/README.md