Brand assets

The skull, the wordmark, and the colors. Take what you need for an article, a deck, or a store listing.

Download all assets

Logo

Two colorways. Pick the one your background calls for.

On black

The default. Reach for this one unless the surface behind it is light.

Basement skull — on black

Skull

Avatars, app tiles, favicons — anywhere the name is already obvious.

SVGvectorPNG1024px
Basement skull + wordmark — on black

Skull + wordmark

The full lockup. Use it the first time Basement appears.

SVGvectorPNG2400px

Inverted

The same two marks flipped, for light backgrounds and print.

Basement skull — on white

Skull

Avatars, app tiles, favicons — anywhere the name is already obvious.

SVGvectorPNG1024px
Basement skull + wordmark — on white

Skull + wordmark

The full lockup. Use it the first time Basement appears.

SVGvectorPNG2400px

Colors

Click any swatch to copy its hex.

Core

The palette the product is built from.

Accents

The colors you can pick for your avatar in the app. Everyone starts with these twelve — the rest you unlock as you level up.

Typography

Two faces do all the work.

Basement

WS Bloem

Wordmark

The wordmark and display type. It's a licensed face from Wasabib Studio, so we can't redistribute it. You don't need it: every wordmark above is outlined vector, so it renders anywhere without the font installed. Never retype the wordmark in a substitute.

BasementRegular · Medium · Semibold · Bold

Figtree

Everything else

Headings, body, and UI across the site and the apps. It's open source under the OFL and free to use — get it from Google Fonts.

Using the logo

The short version: don't redraw it.

Do

  • Use the supplied files. They already carry the right clear space.
  • Keep clear space around the logo of at least half the skull's height.
  • Put the skull on black, or the inverted skull on white. Nothing in between.
  • Scale it proportionally, and no smaller than 24px for the skull or 120px wide for the lockup.

Don't

  • Recolor the skull. It is black or white, never anything else.
  • Stretch, rotate, skew, or add effects, outlines, or shadows.
  • Rebuild the wordmark by typing it in another font.
  • Place the logo on a busy photo, or on a color that leaves it low contrast.

Need something else?

Press kit, product screenshots, founder photos, or a logo in a format that isn't here — just ask.

baseling@basementbrowser.com