Brand assets

The Khalani brand, ready to use

Logos, colors, type and imagery for partners, press and integrators. Every asset downloads as SVG or PNG, in the version that matches your background.

Brand lineMove money across chains the way you intended.
CategoryThe Decentralized Clearing Platform
TypefaceFigtree, sentence case
AccentCobalt #2D5BFF
01

Logo mark

The K glyph on its own, for places where the Khalani name is already clear: favicons, app icons and social avatars. Use ink or cobalt on light grounds, and white or cobalt-light on dark.

Khalani mark, ink
Mark · InkPrimary, as used in the site navigation
Khalani mark, cobalt
Mark · CobaltAccent, light grounds
Khalani mark, cobalt-light
Mark · Cobalt-lightDark grounds
Khalani mark, white
Mark · WhiteKnockout on cobalt or photography
02

App tile

The K inside the cobalt gradient tile. This is the mark used in product scenes, videos and partner lockups. Keep the corner radius at about a quarter of the tile size.

Khalani app tile
App tileCobalt gradient, white K
Khalani tile lockup, light
Tile lockup · LightProduct scenes, partner pages
Khalani tile lockup, dark
Tile lockup · DarkDark grounds and video
03

Wordmark

"Khalani" set in Figtree 600 with tight tracking, outlined so it renders the same everywhere. Use it inline or in footers where the full lockup would crowd the layout.

Khalani wordmark, ink
Wordmark · InkPrimary, light grounds
Khalani wordmark, white
Wordmark · WhiteDark grounds
Khalani wordmark, cobalt
Wordmark · CobaltEditorial accent
Khalani wordmark, cobalt-light
Wordmark · Cobalt-lightEditorial, dark grounds
04

Horizontal lockup

The default logo for headers, emails, deck title bars and partner pages. The all-ink version matches the website navigation.

Khalani horizontal lockup, ink
Horizontal · InkDefault, light grounds
Khalani horizontal lockup, cobalt and ink
Horizontal · Cobalt + inkAccent version, warm canvas
Khalani horizontal lockup, white
Horizontal · WhiteKnockout, dark grounds
Khalani horizontal lockup, cobalt-light and white
Horizontal · Cobalt-light + whiteAccent on dark grounds
Khalani horizontal lockup on cobalt
Horizontal · On cobaltKnockout on the brand gradient
05

Stacked lockup

Glyph above the wordmark, for covers, posters and square placements.

Khalani stacked lockup, ink
Stacked · InkDefault, light grounds
Khalani stacked lockup, white
Stacked · WhiteDark covers
Khalani stacked lockup with tile
Stacked · TileEvent and launch covers
06

Lockup and brand line

The logo paired with the website headline, "Move money across chains the way you intended." Use it for closing bands, back covers and title slides.

Khalani lockup with brand line, light
Horizontal + line · LightFooters and closing bands
Khalani lockup with brand line, dark
Horizontal + line · DarkCTA bands and back covers
Khalani stacked lockup with brand line, light
Stacked + line · LightCover pages
Khalani stacked lockup with brand line, dark
Stacked + line · DarkTitle slides
07

Co-branded

Two patterns. "Khalani × Partner" for joint announcements, integration launches and MOUs. "Khalani on Partner" for ecosystem launches, as used for Khalani on Stellar. Open the SVG and replace "Partner" with the counterparty name, and swap in their logo.

Khalani x Partner, lightPartner
Khalani × Partner · LightJoint announcements
Khalani x Partner, darkPartner
Khalani × Partner · DarkDark grounds
Khalani on Partner, lightPPartner
Khalani on Partner · LightEcosystem launches
Khalani on Partner, darkPPartner
Khalani on Partner · DarkDark grounds and video
08

Social profile mark

Square 1024 × 1024 avatars for X, LinkedIn, YouTube, Discord and GitHub. Platforms crop to a circle, so the K stays well inside it.

Khalani social mark, cobalt
Social · CobaltDefault
Khalani social mark, ink
Social · InkDark-mode platforms
Khalani social mark, light
Social · LightEditorial
09

Color

One accent per surface. Cobalt on light grounds, cobalt-light on dark. Emerald and amber appear only as status, never as decoration. Click a swatch to copy its hex.

Brand

Neutrals

Cobalt scale

10

Typography

Figtree for everything: headlines, body and interface. Headlines are sentence case, weight 600, with tight negative tracking. Body copy stays at weight 400 in the body gray.

Display600 · -0.035em
Move money across chains
Section title600 · -0.03em
Three products, built on the same network
Card title600 · -0.02em
Convert large stablecoin balances
Eyebrow600 · cobalt
How it works
Body400 · body gray
Swap tokens, convert stablecoins, or run your own market across EVM and non-EVM chains, through one integration.
WeightsFigtree
Regular 400Medium 500Semibold 600Bold 700
11

Imagery

Bright architectural sky photography with a light cobalt tint and a white wash where text sits. It carries the hero, the video and the social thumbnails.

Move money across chains the way you intended.Photo with cobalt tint and white wash

Treatment

  • Cool, bright architecture against open sky. No people, no coins, no charts.
  • Add a light cobalt tint over the whole image.
  • Put a soft white radial wash behind any text so it stays readable.
  • Place product cards and logos on white surfaces with soft shadows, never directly on the busy part of the photo.
12

Voice

Short, declarative sentences. Precise numbers over superlatives. Say what the product does for the user.

Headline

Move money across chains the way you intended.

Website hero
Promise

Users receive exactly the quoted amount, or a full refund.

Product copy
Category

Khalani is the Decentralized Clearing Platform.

Footer and boilerplate
13

Logo usage

Give the logo room, keep it in brand colors, and pick the version that matches the background.

Do

  • Keep clear space around the logo equal to the height of the K.
  • Use ink or cobalt on light grounds, and white or cobalt-light on dark.
  • Use the horizontal lockup by default and the K alone only where the name is already clear.
  • Write the name as "Khalani", with a capital K and no other styling.

Don't

  • Don't place base cobalt on ink. Use cobalt-light instead.
  • Don't stretch, rotate, outline or add effects to the logo.
  • Don't recolor the K outside the brand palette or add a second accent color.
  • Don't set the wordmark in another typeface or rebuild it from live text.