Brand & Media Kit
Vessel's brand is small on purpose. One mark, one wordmark, a dozen tokens,
four typefaces, and a short list of rules. Everything on this page derives
from the landing page's /tokens.css — the single source of truth for every
Vessel surface. This documentation site consumes the same token block
verbatim, retrieved 2026-08-29, so the values below are the values you are
looking at.
The mark
The mark is the waterline: a circle bisected by a horizontal line. The circle is the hull, stroked in steel. The line is the waterline, stroked in foam. Nothing else.
The entire mark is four lines of SVG:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32">
<circle cx="16" cy="16" r="12" fill="none" stroke="#8FA6BC" stroke-width="2.5"/>
<line x1="6" y1="16" x2="26" y2="16" stroke="#EAEEF3" stroke-width="2.5"/>
</svg>
The favicon is the same mark on an ink square (#070B10).
The wordmark
There is no drawn logotype. The wordmark is the word VESSEL set in the
display face — Bricolage Grotesque — uppercase, wide-tracked, in foam. This
site's navigation sets it at weight 700 with 0.14em tracking; match that
when reproducing it. Do not set the wordmark in any other face.
TOKENS
Palette
Colour on Vessel surfaces is tokens, never literals. The canonical file is
/tokens.css on vessel.wtf; this site lifts the block verbatim, and no
colour literal appears outside it. The working set:
| Token | Hex | Role |
|---|---|---|
--ink | #070B10 | Page base — the dark ground everything sits on |
--abyss | #05080C | Bands, footer, ticker |
--hull-bg | #0B1118 | Raised surfaces, hover states |
--foam | #EAEEF3 | Primary text; the waterline stroke |
--mist | #B9C6D4 | Body copy |
--steel | #8FA6BC | Labels; the hull circle |
--steel-lt | #C2D2E0 | Hull tranche identity |
--slate-lt | #A9B8C6 | Secondary body |
--slate-warm | #C3CFDB | Essay copy |
--signal | #836EF9 | Accent; one CTA per screen |
--funding | #35D699 | Positive yield, live status — a data state |
--brass | #C9964B | Ballast, first-loss, warnings |
--hairline | rgba(234, 238, 243, 0.08) | Dividers — never a solid grey |
--hairline-2 | rgba(234, 238, 243, 0.12) | Stronger dividers, table borders |
tokens.css also defines signal variants (--signal-hi, --signal-lt,
--signal-ring), the --on-signal type colour, a --rule hairline, and
wash variants composed from the accents. Read the file for the full set.
Type
| Face | Token | Role |
|---|---|---|
| Bricolage Grotesque | --display | Headings, the wordmark |
| Instrument Sans | --sans | Body copy, interface text |
| IBM Plex Mono | --mono | Labels, eyebrows, table heads, addresses, code |
| Newsreader italic | --serif | Pull-quotes — at most one per page |
The fallback stacks, verbatim from the token file:
--sans: "Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
--display: "Bricolage Grotesque", "Instrument Sans", system-ui, sans-serif;
--mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
--serif: "Newsreader", Georgia, "Times New Roman", serif;
Usage
- Dark ground only. The mark and wordmark render on ink or abyss. No light-background variant exists.
- No redrawing. Use the shipped SVG. Do not trace, regenerate, or approximate the mark.
- No recolouring. The circle is steel, the line is foam. The favicon adds an ink square behind them. That is the complete set of permitted renderings.
- Funding green is a data state.
#35D699marks a value that is live and positive — a funding rate, a healthy status. It is never decoration and never a brand accent. - Brass marks warnings and Ballast.
#C9964Bcarries first-loss identity, unverified chips, and the audit banner. The same rule applies: semantic, not decorative. - Tranche identity is fixed. Hull renders in steel-lt, Ballast in brass, everywhere, on every surface.
- Signal appears once per screen, on the primary action. Type set on
signal is always
#0A0A14. - Dividers are hairlines — white at low alpha, never a solid grey.
Third-party marks
The policy, restated from the integration pages: a third-party logo renders on a Vessel surface only when the project publishes an official brand kit or GitHub brand assets, and only at tier LIVE or IN PROGRESS. Logos are never scraped from screenshots, never generated, never redrawn. Where no official downloadable asset exists, the project renders as a text wordmark in mono, and no logo file exists in the repository.
There is no Uniswap logo in this repository and there must never be one.
Vessel implements the public IUniswapV2Router02 interface; no relationship
with Uniswap Labs exists.
Every logo file ships with provenance. static/logos/LOGOS.md in this site's
repository records, for each file, exactly where it came from and when it was
retrieved. As of 2026-08-29 it holds two files: the Monad logomark, from the
official kit at www.monad.xyz/brand-and-media-kit, and the Perpl primary logo, from the
official brand kit (PNG-only, no vector published) at aionex.notion.site/perpl-brand-kit.
Kuru and PuddleSwap publish no brand assets and render as text wordmarks.
Pendle is tier PLANNED, so no Pendle logo renders regardless of availability.
Assets
| Asset | Where | Notes |
|---|---|---|
| Waterline mark | /img/waterline.svg on this site | SVG, 32 × 32 viewBox, transparent ground |
| Favicon | /favicon.svg on this site | The mark on an ink square |
| Design tokens | /tokens.css on vessel.wtf | Single source of truth for every Vessel surface |
| Logo provenance | static/logos/LOGOS.md in this site's repository | One row per third-party logo file |
That is the entire kit. There is no light variant, no alternate lockup, no raster export pack, and no separate press page. If an asset is not listed here, it does not exist.