✦ SERIOUS PLAY ✦ ONCHAIN ARCHITECTS ✦

Everything here is cleared for partner, press, and ecosystem use — take what you need without asking first. Every preview links the real file on cdn.b3.fun, so what you download is what we use. The CDN serves files inline, so open the link and save from there.

Brandmark

The full lockup: wordmark, positioning line, and the stack it names. Use it when B3 needs to introduce itself — a title card, a deck cover, a partnership announcement. Everywhere else, the wordmark alone is enough.

B3 Labs Brandmark

The B3 wordmark. Use the SVG wherever you can — the PNG is a fallback, not a preference.

Wordmark
B3 wordmark

For navy, black, and photography.

On Blue
B3 wordmark on brand blue

App icons, avatars, tiles — anywhere the mark needs its own container.

Sphere
B3 sphere

The rounded mark, for round frames and social avatars.

Note

Working on a light surface and need the wordmark in brand blue, or on a dark one and need a knockout we don't list here? Ask — we'd rather send the right file than watch one get recoloured by hand.

Using the mark

Let it breathe

Keep clear space of at least 25% of the mark's height on all four sides. Nothing enters that box — no type, no rules, no other logos, no image edge.

Keep the contrast

Light mark on navy, blue, black, or photography. Blue or navy mark on white and near-white. If a background sits in between, put the mark in its own tile rather than dropping it straight on.

Don't redraw it

No stretching, rotating, recolouring, outlining, drop shadows, or re-typesetting the name in another face. The mark is a fixed shape in a fixed set of colours.

Write it as B3

All caps, no space. "B3 Labs" for the company; "B3" for the network and the token. Not "b3", not "B-3".

Colours

One blue, quiet everything else. B3 blue is the only accent — the neutrals do the structural work, and a surface where three things compete for attention has no accent at all.

B3 Blue
text
#2450FF

Primary actions, links, live state.

Navy
text
#11172F

Dark surfaces, headings on light.

Gray
text
#D9D9D9

The signature canvas — b3.fun's own stage.

Lavender
text
#C9C8D0

Panels and dividers on gray.

Steel
text
#535C89

Secondary text and quiet links.

Muted
text
#9496A8

Captions, labels, table headers.

Typography

Helvetica Neue LT Pro

Interface, headings, body, and data. 55 Roman for text, 65 Medium for anything that carries weight. Tracking stays at 0 — only small uppercase labels get wide tracking.

Licensing — Linotype

EK Modena

Technical tags, diagram labels, small system text. Used sparingly, never for body copy.

Licensing — Erkin Karamemet

Both are commercially licensed, so we don't redistribute the font files — license them directly from the foundries above. If you can't, this stack degrades honestly:

css
body { font-family: "Helvetica Neue LT Pro 55 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;}
Warning

https://cdn.b3.fun/fonts.css still serves the previous typefaces (Neue Montreal, Calibre, Pack). It is kept alive for older properties — don't wire it into anything new.

Type in use
B3 typography composition
Type in use — navy
B3 typography composition, navy

Assets

The dimensional B3 — extruded, isometric, and coined. These carry the brand where a flat wordmark can't.

Isometric
Coin Pattern
The Machine

Backgrounds

Full-bleed brand surfaces for slides, covers, and headers.

Blue
Isometric Navy
Dark

More in the same set: b3-bg-3.png and b3-bg-5.png.

Motion

Movement is part of the brand — systems coming online, not decoration. Fast state changes, subtle transitions, no bounce, and always respect prefers-reduced-motion.

Grid
Orbit
Sphere

The full-length brand background loop is a large file — link it rather than embedding it: b3-bg-animation.mp4 (~17 MB).

Co-branding

Partnership lockups follow one shape: each mark in its own dotted ring, separated by ×, at equal weight. Nobody's logo gets top billing.

On Blue
On Gray
On Type

Contribute to the B3 brand

Let's build B3 together — we welcome creators, artists, developers, and everyone else who wants to make something with it.

Reach out if you've built something for the B3 community, or if you need an asset that isn't here.

Ask a question... ⌘I