BRAND BOOK · SCHEMA v1 · 43 ASSETS · UPDATED 2026-09-12

Kintsu Brand Book

Every approved asset, previewed on the ground it was drawn for, with a direct download. Guidance sits behind each tile.

Ground

Logos

The mark, the wordmark and the lockup. Each tile holds every color variant — pick the one you need and the copy and download act on it.

Kintsu lockup

Details

Cyan mark with the KINTSU letters in #EDF1F4, the dark theme’s `--ink`. 1080×188.

Use forTHE primary lockup, and the one to reach for on any Kintsu surface — the app, the site, a dark deck, a video plate. If somebody asks for "the Kintsu logo" with no other detail, this is it.

OwnerKintsu

RulesKeep clearspace of at least one blade-width (a quarter of the mark’s height) on every side, and do not render the mark below 24px or the lockup below 120px wide — the blades close up and read as a blob. Never re-color the mark outside the variants in this catalogue, never add effects, and never rebuild the letters in a substitute typeface.

FormatSVG · 1080 × 188 · v1 · 2026-09-12

Idkintsu-lockup-duotone-dark

Path/brand/generated/kintsu-lockup-duotone-dark.svg

Aliaseskintsu lockup, kintsu logo lockup, kintsu full logo, lockup, kintsu horizontal logo

Tags: lockup, horizontal, duotone, cyan, dark background, primary. Related: kintsu-lockup-duotone-light, kintsu-mark-cyan.

SourceEmitted by scripts/gen-brand-assets.mjs — hand edits are reverted by the next run.

Kintsu logomark

Details

The four-blade origami mark in brand cyan, square at 188×188 with the blades filling the box edge to edge.

Use forTHE default mark. Cyan carries on both themes, so this is the one to use unless the surface forces a single ink — an avatar, an app icon, a favicon source, or the mark beside a heading.

OwnerKintsu

FormatSVG · 188 × 188 · v1 · 2026-09-12

Idkintsu-mark-cyan

Path/brand/generated/kintsu-mark-cyan.svg

Aliaseskintsu mark, kintsu logo, kintsu icon, mark, logomark, origami mark

Tags: mark, icon, cyan, avatar, favicon, primary. Related: kintsu-lockup-duotone-dark.

SourceEmitted by scripts/gen-brand-assets.mjs — hand edits are reverted by the next run.

Kintsu wordmark

Details

The KINTSU letterforms alone in white, cropped tight to the type at 823.7×136.9.

Use forWhere the mark is already on screen and a second copy would be noise — a footer under the mark, a video lower-third, the entablature of the Kintsu Prime vault in the 3D city. Default wordmark for dark grounds.

OwnerKintsu

FormatSVG · 823.7 × 136.9 · v1 · 2026-09-12

Idkintsu-wordmark-mono-light

Path/brand/generated/kintsu-wordmark-mono-light.svg

Aliaseskintsu wordmark, wordmark, kintsu text logo, kintsu letters, kintsu type

Tags: wordmark, letters, mono, white, dark background. Related: kintsu-wordmark-mono-dark, kintsu-lockup-duotone-dark.

SourceEmitted by scripts/gen-brand-assets.mjs — hand edits are reverted by the next run.

Download the kitZIP

Tokens

Coin artwork for the assets that move through Kintsu. Full-color coins carry their own contrast and sit on either ground.

AUSD

AUSD (AUSD) · token-ausd · PNG · /api/tokens/art?symbol=AUSD

AVAX

Avalanche (AVAX) · token-avax · PNG · /api/tokens/art?symbol=AVAX

BTC

Bitcoin (BTC) · token-btc · PNG · /api/tokens/art?symbol=BTC

CC

Canton (CC) · token-cc · PNG · /api/tokens/art?symbol=CC

USDE

Ethena USDe (USDE) · token-usde · PNG · /api/tokens/art?symbol=USDE

ETH

Ethereum (ETH) · token-eth · PNG · /api/tokens/art?symbol=ETH

BENJI

Franklin Templeton BENJI (BENJI) · token-benji · PNG · /api/tokens/art?symbol=BENJI

HYPE

Hyperliquid (HYPE) · token-hype · WEBP · /tokens/hype-token.webp

SHYPE

Kintsu Staked Hype (SHYPE) · token-shype · PNG · /api/tokens/art?symbol=SHYPE

SMON

Kintsu Staked Monad (SMON) · token-smon · PNG · /api/tokens/art?symbol=SMON

MON

Monad (MON) · token-mon · PNG · /api/tokens/art?symbol=MON

SUPERMON

SuperMON (SUPERMON) · token-supermon · WEBP · /api/tokens/art?symbol=SUPERMON

SUSDS

sUSDS (SUSDS) · token-susds · PNG · /api/tokens/art?symbol=SUSDS

USDT

Tether (USDT) · token-usdt · PNG · /api/tokens/art?symbol=USDT

USD1

USD1 (USD1) · token-usd1 · PNG · /api/tokens/art?symbol=USD1

USDC

USDC (USDC) · token-usdc · PNG · /api/tokens/art?symbol=USDC

USDCX

USDCx (USDCX) · token-usdcx · PNG · /api/tokens/art?symbol=USDCX

USDS

USDS (USDS) · token-usds · WEBP · /api/tokens/art?symbol=USDS

WMON

Wrapped MON (WMON) · token-wmon · PNG · /api/tokens/art?symbol=WMON

WSTETH

Wrapped stETH (WSTETH) · token-wsteth · PNG · /api/tokens/art?symbol=WSTETH

Networks and wallets

Mirrored so an integration renders the right logo instead of a guess. None of these are ours — use each as supplied, under its owner's terms. Rights sit in each tile's details.

Networks7

Canton Network

Details

The same hatched Canton “C” in Canton’s own lime (#F3FF97 over #B9C766). 46×51.

Use forWhere the mark should carry Canton’s accent color rather than neutral ink — a partner strip, a network chip that is meant to be noticed. Dark grounds only; lime on white is illegible.

OwnerThird-party. Trademark of its owner. Redistributed here only so integrations can identify it correctly; Kintsu grants no rights it does not hold. Do not recolor, distort or re-draw it, and check the owner’s own brand guidelines before using it in anything published.

FormatSVG · 46 × 51 · v1 · 2026-08-19

Idcanton-mark-lime

Path/brand/canton-lime.svg

Aliasescanton lime, canton green, canton accent mark

Tags: canton, network, chain, mark, lime, accent. Related: canton-mark, canton-network-wordmark.

Chainlink

Details

NOT the official Chainlink mark. A 251-byte hand-simplified hexagon drawn in-house in Chainlink blue (#375BD2) to stand in for the oracle badge on market rows. 48×48.

Use forFine as a small in-product glyph — an oracle badge on a market row, where it reads at 16px. Do NOT use it in anything published, in a partner deck, in a press asset, or at a size where the geometry is legible: it is our approximation of somebody else’s trademark, and passing it off as their mark is the thing to avoid. Replace it with the official asset — see MISSING_ASSETS.

OwnerThird-party. UNOFFICIAL REDRAW — this is not Chainlink’s artwork and must not be presented as it. Trademark of its owner. Redistributed here only so integrations can identify it correctly; Kintsu grants no rights it does not hold. Do not recolor, distort or re-draw it, and check the owner’s own brand guidelines before using it in anything published.

FormatSVG · 48 × 48 · v1 · 2026-07-26

Idchainlink-mark-simplified

Path/oracles/chainlink.svg

Aliaseschainlink, chainlink logo, chainlink hexagon, oracle mark

Tags: chainlink, oracle, price feed, redraw, unofficial.

Ethereum

Details

The Ethereum network mark — which is the ETH coin. A network is pictured by its gas token throughout Kintsu (src/lib/tokens/network-gas-token.ts), so this is the same artwork the swap and bridge surfaces draw.

Use forLabel the Ethereum network with this. It is NOT a Ethereum corporate wordmark and must not stand in for one — we do not hold that file.

FormatPNG · v1 · 2026-09-13

Idnetwork-ethereum

Path/api/tokens/art?symbol=ETH

Aliasesethereum, ethereum network, ethereum mark, ethereum logo

Tags: network, ethereum, gas token. Related: token-eth.

Hyperliquid

Details

The Hyperliquid network mark — which is the HYPE coin. A network is pictured by its gas token throughout Kintsu (src/lib/tokens/network-gas-token.ts), so this is the same artwork the swap and bridge surfaces draw. Served from our own /tokens file rather than the art proxy: the proxy returns HYPE as a JPEG, which has no alpha and paints a black box behind the mark.

Use forLabel the Hyperliquid network with this. It is NOT a Hyperliquid corporate wordmark and must not stand in for one — we do not hold that file.

FormatWEBP · v1 · 2026-09-13

Idnetwork-hyperliquid

Path/tokens/hype-token.webp

Aliaseshyperliquid, hyperliquid network, hyperliquid mark, hyperliquid logo

Tags: network, hyperliquid, gas token. Related: token-hype.

Monad

Details

The Monad network mark — which is the MON coin. A network is pictured by its gas token throughout Kintsu (src/lib/tokens/network-gas-token.ts), so this is the same artwork the swap and bridge surfaces draw.

Use forLabel the Monad network with this. It is NOT a Monad corporate wordmark and must not stand in for one — we do not hold that file.

FormatPNG · v1 · 2026-09-13

Idnetwork-monad

Path/api/tokens/art?symbol=MON

Aliasesmonad, monad network, monad mark, monad logo

Tags: network, monad, gas token. Related: token-mon.

Wallets4

MetaMask

Details

MetaMask’s official color fox icon, unmodified. 142×136.878, with intrinsic dimensions matching the viewBox so it also loads as a Three.js texture.

Use forFallback artwork for the MetaMask provider in the wallet picker and the beta wallet illustration. Only ever next to the actual MetaMask option — never as decoration.

FormatSVG · 142 × 136.878 · v1 · 2026-09-08

Idwallet-metamask

Path/brand/wallets/metamask.svg

Aliasesmetamask, meta mask, metamask fox, fox

Tags: wallet, metamask, evm, eip-6963. Related: wallet-phantom, wallet-rabby.

Phantom

Details

Phantom’s official recommended SVG icon, unmodified. 128×128.

Use forFallback artwork for the Phantom provider in the wallet picker. Only ever next to the actual Phantom option.

FormatSVG · 128 × 128 · v1 · 2026-09-08

Idwallet-phantom

Path/brand/wallets/phantom.svg

Aliasesphantom, phantom wallet, phantom ghost

Tags: wallet, phantom, eip-6963. Related: wallet-metamask, wallet-rabby.

Rabby

Details

Rabby’s color symbol, taken from the official browser-extension source at a pinned commit. 56×48.

Use forFallback artwork for the Rabby provider in the wallet picker. Only ever next to the actual Rabby option.

FormatSVG · 56 × 48 · v1 · 2026-09-08

Idwallet-rabby

Path/brand/wallets/rabby.svg

Aliasesrabby, rabby wallet

Tags: wallet, rabby, evm, eip-6963. Related: wallet-metamask, wallet-phantom.

WalletConnect

Details

The WalletConnect mark in its official blue (#3B99FC). Extracted 2026-09-13 from the inline component the sign-in panel and the beta connections table already draw, so the file and the running UI cannot disagree.

Use forArtwork for the WalletConnect option in a wallet picker. WalletConnect is a protocol rather than a wallet, so it labels the CONNECTION method, never a specific wallet.

FormatSVG · 480 × 332 · v1 · 2026-09-13

Idwallet-walletconnect

Path/brand/wallets/walletconnect.svg

Aliaseswalletconnect, wallet connect, wc

Tags: wallet, walletconnect, sdk. Related: wallet-metamask, wallet-rabby, wallet-phantom.

3D scenes

Repeatable compositions built from the marks above. Illustrative — a market depicted in a scene is a picture, never a claim that the pair is live.

Market · BTC / USDCBTC in as collateral · USDC out as debt

Market · CC / USDCCC in as collateral · USDC out as debt

Market · sMON / USDCsMON in as collateral · USDC out as debt

Vault · Kintsu PrimeUSDC deposited at the teller · vault share issued back

Tower · SlabAn address on the district — USDC through its street kiosk

Tower · SteppedAnother address — same kiosk, same flow

Angle

AZ 0° · EL 0°

Illustration. A depicted pair is not a claim that the market is live.

Color + typography

Read straight off the tokens in src/styles/globals.css. Square corners everywhere — there is no border-radius in this system.

The most common brand error here

There are two cyans. They are not interchangeable.

One belongs to the mark and never moves. One belongs to the interface and flips with the theme.

--logo-cyanIdentical in both themes

The mark's cyan

#18F3E6

Dark theme

#18F3E6

Light theme

The logomark's color. Identical in both themes on purpose — the blades are the same cyan on our dark page, on the off-white one, and on someone else's deck.

--accentFlips with the theme

The UI cyan

#35E0E8

Dark theme

#0CA8B8

Light theme

Links, focus rings, live dots, the loading scan line. It darkens in light mode to stay legible on #F6F5F1 — and it never touches the mark.

#18F3E6

CorrectThe mark in --logo-cyan. This is the only way it is ever painted.

#35E0E8

WrongThe mark in --accent. Close enough to slip through review, and it changes color when the theme flips.

Typography

Geist sets headlines and body. Geist Mono sets everything numeric or labelled, at tabular-nums.

--text-hero-size

clamp(40px, 11vw, 92px) · 500 · −.03em · 1.02

New rails

--text-h2-size

clamp(26px, 5.4vw, 40px) · 500 · −.025em · 1.15

Restraint as strength

--text-card-title-size

21px · 500

Liquid staking, mobilised

--text-body-size

17px · 400 · 1.6

Rates stay transparent; strategies stay private.

--text-data-size

15px · mono · tabular

11.20% · $96,481,220 · 1.042

--text-stat-big-size

clamp(30px, 7vw, 52px) · mono · tabular

$148M

--text-label-size

11px · mono · .16em · uppercase

TOTAL VALUE LOCKED

The palette

Use the token, never the hex. Each row shows its dark value then its light one.

--bg#101418 · #F6F5F1Page ground

--panel#14191F · #FDFCFAAlternate surface

--ink#EDF1F4 · #0E1114Primary text

--muted#C2CAD3 · #4C555ESecondary text

--dim#8E99A6 · #7A828BLabels, tertiary

--hairrgba(237,241,244,.14) · rgba(14,17,20,.14)Hairline border

--hair2rgba(237,241,244,.09) · rgba(14,17,20,.08)Softer hairline

--accent#35E0E8 · #0CA8B8The UI cyan

--accent2#1B8C96 · #6FBEC7Accent, receded

--logo-cyan#18F3E6 · #18F3E6The MARK's cyan

--logo-cyan-ink#061415 · #061415Ink on logo cyan

--btn-bg#EDF1F4 · #0E1114Primary button fill

--btn-ink#101418 · #F6F5F1Primary button text

--dither-dot#3B4754 · #C2C9CFPrivacy texture dot

--dither-bg#1A2027 · #E9E8E2Privacy texture ground

--gold#C8A96E · #A8863FTestnet / not real money

--warn#F2853C · #C1521ARunning degraded

--danger#D9544D · #B3352CDestroys, or decided against

/brand/manifest.json/brand/brand.mdSCHEMA v1 · 2026-09-12