MagicSwap

Brand kit

The wizard, the wordmark and how to use them

Everything press, partners and listing sites need to show MagicSwap correctly. Use the files as they are, on dark backgrounds where you can.

MagicSwap

Primary lockup

02 · Color

Mostly dark, violet with intent

Near-black surfaces carry the interface. Primary violet marks the single action on a view. Glint and the status colors appear only when they carry meaning.

background 60%surface 22%surface-2 10%foreground 5%primary 2%violet 1%

Neutrals

  • Background

    Page canvas

    #08080D
    oklch(0.135 0.012 286)

  • Surface

    Raised cards and panels

    #0E0E14
    oklch(0.165 0.013 286)

  • Surface 2

    Wells inside a surface

    #14141B
    oklch(0.195 0.015 286)

  • Foreground

    Primary text

    #F3F3F7
    oklch(0.965 0.006 286)

  • Muted

    Secondary text

    #9D9DA8
    oklch(0.7 0.016 286)

Brand

  • Primary

    The one action per view

    #856EF9
    oklch(0.63 0.2 287)

  • Violet

    Brand words and highlights

    #AE97FF
    oklch(0.74 0.15 292)

  • Glint

    Live signals, from the glasses

    #5DE8F6
    oklch(0.86 0.12 205)

Status

  • Success

    Completed status

    #59D9A2
    oklch(0.8 0.14 162)

  • Warning

    Needs attention

    #F9BF60
    oklch(0.84 0.13 78)

  • Destructive

    Errors and failures

    #F75D5C
    oklch(0.68 0.19 24)

03 · Typography

Geist, set light and tight

Geist Sans for everything people read. Geist Mono for numbers in tables, IDs, addresses and small labels. Headings stop at weight 500.

Geist Sans

Aa

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz

Weights 300 · 400 · 500

Geist Mono

Aa

bc1q·7xk2·9fm3 0x3f5C…a91E ORD-48210

Weight 400

Display56 / 500 / -0.035em

Swap in milliseconds

Heading 236 / 500 / -0.035em

Private by design

Body16 / 400 / 0

Send any of 190+ assets and receive another on a different network, with no account.

Label mono11 / 400 / 0.08em / uppercase

Estimated arrival

You send1.25000BTC
You receive38,412.07USDC
Fee0.5%

Numerals · 300 · tabular figures

04 · Voice

Plain, specific, calm, private

Say what happens and what it costs. Use real numbers, skip the hype, and never claim users, volumes or reviews we can't show.

Swap 190+ assets across 75+ networks.

Unlock the future of DeFi.

No account. No sign-up. Send and receive.

Join thousands of happy users today!

A flat 0.5% fee, shown before you swap.

Ultra-low fees that beat the competition.

We never hold your funds.

Military-grade security you can trust.

05 · Misuse

Leave the wizard alone

The mark only works when it looks the same everywhere. These are the changes we see most often.

  • Don't stretch or squash the mark.

  • Don't recolor the hat or any part of the mark.

  • Don't add glows or drop shadows.

  • Don't place it on busy backgrounds.

  • Don't rotate the mark.

  • Don't lower its contrast.