Brand Assets

Everything you need to represent 7.Exchange accurately — logos, colors, typography, and the rules for using them. If you’re writing about us, building an integration, or listing us on an aggregator, start here.

Downloads

All assets are served from static.7.exchange and are safe to hotlink. Paths are versioned — /brand/v1/ will never change underneath you. A future revision ships as /brand/v2/.

• brand/v1
  • logo.svg
  • logo-256.png
  • logo-512.png
  • logo-1024.png
  • logo-bg.svg
  • logo-bg-512.png
  • logo-bg-1024.png
  • colors.css
  • colors.json
  • 7exchange-brand-kit.zip

Logo

We publish two variants. There is no separate wordmark, mark, or light/dark version — the transparent logo is built to work on both light and dark surfaces.

Transparent

Use on solid backgrounds where you control the contrast: documentation, decks, partner pages, website headers, print.

With background

Use wherever the background is outside your control or the container gets cropped: avatars, app icons, favicons, Discord and social profiles, thumbnails, video overlays.

Choosing a format

Use SVG wherever the medium supports it. Reach for PNG only where it doesn’t — Discord server icons, app stores, email signatures, Slack, some social platforms.

Never convert the logo to JPG. It has no alpha channel and produces visible artifacts along the flat-color edges.

Clear space

Keep clear space equal to 25% of the logo’s height on all sides. Nothing — text, other logos, image borders, UI chrome — should enter that area.

Minimum size

Below these sizes the logo stops being legible. If you need it smaller, use the with-background variant, which holds up better at small scale.

Logo misuse

Don’t:

• Recolor the logo outside the palette below
• Stretch, squash, rotate, or skew it
• Add drop shadows, gradients, outlines, or other effects
• Place the transparent logo on a low-contrast or visually busy background
• Rebuild any part of it in a different typeface
• Crop it or separate its elements
• Use it as a word inside a sentence, or as a character substitute in text
• Combine it with another logo without a divider and full clear space on both sides

Color

Primary

Cyan is the brand color. Everything else in the palette exists to support it.

Neutral

Thirteen grays, lightest to darkest. Gray 1–4 for backgrounds and dividers, Gray 7–9 for secondary text, Gray 11–13 for primary text and dark surfaces.

State

Used for status in product surfaces — transaction outcomes, form validation, warnings. Include these only if you’re building a UI that matches ours.

Shades, from closest-to-base to darkest:

Tints, lightest first:

Print

Cyan #00D0FF sits outside the CMYK gamut and will shift noticeably in process print. For anything going to press, ask in #dev-general  before converting — we’ll supply a matched spot color rather than let the conversion happen automatically.

Typography

Three families, all open source under the SIL Open Font License. You can use them freely, including commercially, and self-host them if you’d rather not call Google Fonts.

Loading the fonts

The stylesheet import:

@import url("https://fonts.googleapis.com/css2?family=Kanit:wght@100;200;300;400;500;600;700;800&family=Montserrat:wght@400;600;700&family=Overpass:wght@100;200;300;400;500;600;700;800&display=swap");

Prefer the <link> form in HTML — a CSS @import blocks rendering until the stylesheet resolves, while preconnect opens the connection early:

<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
  rel="stylesheet"
  href="https://fonts.googleapis.com/css2?family=Kanit:wght@100;200;300;400;500;600;700;800&family=Montserrat:wght@400;600;700&family=Overpass:wght@100;200;300;400;500;600;700;800&display=swap"
/>

Font stacks

:root {
  --font-display: 'Kanit', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --font-body: 'Overpass', -apple-system, BlinkMacSystemFont, 'Segoe UI',
    Roboto, Helvetica, Arial, sans-serif;
  --font-supporting: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

The logo is artwork, not live text. Don’t attempt to typeset it in Kanit or any other face.

Naming

• Write the name as 7.Exchange — capital E, period between, no space
• Don’t write it as Seven Exchange, 7EX, or 7X
• Don’t add “the” before it
• It stays 7.Exchange at the start of a sentence
• The domain is 7.exchange in lowercase; the brand name isn’t

Boilerplate

One-line, for aggregator listings and directory entries with a character cap:

Unified cross-chain execution — swaps, bridges, perps, and limit orders in one non-custodial interface.

Short description, for listings and social profiles:

7.Exchange is a unified, non-custodial platform for cross-chain swaps, bridging, perpetual trading, and limit orders, with routing that selects for real execution outcomes rather than quoted prices.

Long description, for press and partner pages:

7.Exchange is a unified cross-chain execution platform. Swapping, bridging, perpetual trading, and limit orders all run through a single seamless interface that connects DEXs, bridges, wallets, and liquidity sources into one non-custodial system. Its high-precision routing engine aggregates liquidity from multiple sources and selects routes on real outcomes — weighing liquidity depth, slippage, fees, and execution reliability rather than quoted prices alone.

Product imagery

Screenshots of the app may be used in articles and integration documentation. Take them from the live app at 7.exchange  so they reflect the current UI — older screenshots may show flows that no longer exist.

Don’t edit screenshots to show balances, routes, quotes, prices, or execution times that the product wouldn’t actually produce.

Permission and contact

You may use these assets without asking to:

• Write about, review, or report on 7.Exchange
• Document an integration built on our API, SDK, or widget
• List us on an aggregator, explorer, or ecosystem page

Ask first before you:

• Use the brand in advertising or paid placement
• Merge our logo with your own in a co-branded lockup
• Put the brand on merchandise, events, or physical goods
• Imply a partnership, audit, or endorsement that isn’t in place