Brand Kit

Follow these guidelines to use our brand correctly when contributing to the B3 ecosystem.

✦ COMMUNITY DRIVEN ✦ FUN ✦ ECOSYSTEM ALIGNED ✦

Blue Logo
White Logo
Black Logo

Colors

Don't limit yourself to just this common brand colors. B3 invites you to be expressive with different fun, vibrant color palletes.

Primary Blue
text
#007AFF
Grey
text
#6B7280
White
text
#FFFFFF

Brand Guidelines

Let it breathe

Our logo works best when it has adequate margins.

Make it fun

Keep things light, friendly, and engaging.

Fonts

Import inside CSS stylesheet:

css
@import url("https://cdn.b3.fun/fonts.css");

Import via <link> tag:

html
<link href="https://cdn.b3.fun/fonts.css" rel="stylesheet">

Now you can use the fonts:

css
body { font-family: "Neue Montreal Medium", sans-serif; }

Available fonts:

  • Neue Montreal Bold
  • Neue Montreal Regular
  • Neue Montreal Book
  • Neue Montreal Medium
  • Neue Montreal Semibold
  • Calibre Bold
  • Calibre Heavy
  • Pack

Download the original fonts:

Calibre
Neue Montreal
PACK

Fun Assets

The Cursor
Blue Texture
The Grid

Motion

Animations are welcomed when representing B3, after all - movement is fun!

We recommend Framer Motion as a React animation library, but you can use whatever you like!

Logo Animation (16:9)
Logo Animation (1:1)

Vibe 👌

B3 is all about having fun, and representing that in your life through gaming & more.

Rep B3 swag in other ways!

Phone Lock Screen Wallpapers

Lock Screen v1
Lock Screen v2
Lock Screen v3

Contribute to B3 brand

Let's build B3 together - we welcome creators, artists, developers, gamers, players & everyone to contribute & be rewarded.

Reach out if you've built something cool for the B3 community.

Ask a question... ⌘I