Skip to main content

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 waterline mark: a circle bisected by a horizontal line

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:

TokenHexRole
--ink#070B10Page base — the dark ground everything sits on
--abyss#05080CBands, footer, ticker
--hull-bg#0B1118Raised surfaces, hover states
--foam#EAEEF3Primary text; the waterline stroke
--mist#B9C6D4Body copy
--steel#8FA6BCLabels; the hull circle
--steel-lt#C2D2E0Hull tranche identity
--slate-lt#A9B8C6Secondary body
--slate-warm#C3CFDBEssay copy
--signal#836EF9Accent; one CTA per screen
--funding#35D699Positive yield, live status — a data state
--brass#C9964BBallast, first-loss, warnings
--hairlinergba(234, 238, 243, 0.08)Dividers — never a solid grey
--hairline-2rgba(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

FaceTokenRole
Bricolage Grotesque--displayHeadings, the wordmark
Instrument Sans--sansBody copy, interface text
IBM Plex Mono--monoLabels, eyebrows, table heads, addresses, code
Newsreader italic--serifPull-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. #35D699 marks 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. #C9964B carries 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

AssetWhereNotes
Waterline mark/img/waterline.svg on this siteSVG, 32 × 32 viewBox, transparent ground
Favicon/favicon.svg on this siteThe mark on an ink square
Design tokens/tokens.css on vessel.wtfSingle source of truth for every Vessel surface
Logo provenancestatic/logos/LOGOS.md in this site's repositoryOne 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.

Verified from: vessel.wtf · monad.xyz/brand-and-media-kit · docs.perpl.xyz · docs.kuru.io · puddleswap.org — Sat Aug 29 2026 00:00:00 GMT+0000 (Coordinated Universal Time) · How we verify this site →