xMerch
Connecting to Xahau...

Brand kit

xMerch

The xMerch logo, icon and colors, free to use for press, partners and creators selling on xMerch. Please follow the guidelines below.

Download all (.zip)

Wordmark

The primary logo. Use it wherever there's room for the full name.

xMerch wordmark, light

Wordmark, light

For dark backgrounds

xMerch wordmark, dark

Wordmark, dark

For light backgrounds

Domain wordmark

The wordmark with .app, for places where people need the web address: merch tags, flyers, video end cards.

xMerch xmerch.app, light

xmerch.app, light

For dark backgrounds

xMerch xmerch.app, dark

xmerch.app, dark

For light backgrounds

Icon

The X in its circle. For app icons, avatars, favicons and anywhere space is tight.

xMerch icon

Icon

Works on light and mid-tone backgrounds

xMerch icon, inverse

Icon, inverse

For dark backgrounds

Glyph

The X on its own, without the circle. For merch, patterns and small marks.

xMerch glyph, light

Glyph, light

For dark backgrounds

xMerch glyph, dark

Glyph, dark

For light backgrounds

Colors

The brand is monochrome. Black and off-white carry it; gray is the accent in the X.

Black
HEX
#000000
RGB
0 0 0
Off-white
HEX
#F2F2F2
RGB
242 242 242
Gray
HEX
#808080
RGB
128 128 128

Typography

Geist

Headlines and body text across xMerch.

Geist Mono

Prices, wallet addresses, code and labels.

Both are free from vercel.com/font. The wordmark is a drawn logo: use the files above rather than typing it.

Usage

Do

  • Leave clear space around the logo equal to the height of the x in the wordmark (or a quarter of the icon's width).
  • Use the light version on dark backgrounds and the dark version on light ones.
  • Keep the wordmark at least 80 px (20 mm) wide and the icon at least 24 px (6 mm).
  • Write the name as xMerch in text: lowercase x, capital M.

Don't

  • Don't stretch, squash, rotate or skew the logo.
  • Don't recolor it outside black, off-white and gray, or add gradients, shadows or outlines.
  • Don't rebuild the wordmark in another typeface or rearrange the icon and wordmark.
  • Don't place it on busy photos or low-contrast backgrounds.
  • Don't use the logo in a way that suggests xMerch endorses your product or store.