Brand

Brand Guidelines

The building blocks of the PIXELAR identity — our logo, colour and type. Use them as described here to keep the brand consistent everywhere it appears.

Logo

The PIXELAR mark is an interlocking, impossible-geometry form built from isometric beams. It comes in three finishes.

Primary Full-colour spectrum. Preferred everywhere, on the base colour or neutral dark surfaces.

Black For light backgrounds, print and documents.

White For dark backgrounds and photography.

Lockups

The icon can stand alone or pair with the wordmark in the horizontal lockup. Keep the supplied proportions and spacing.

Icon

Horizontal lockup

Clear space

Keep clear space around the logo at least equal to the width of one beam of the mark (X). Never let type or other elements intrude.

X X

Minimum size

To stay legible, never show the icon below 24 px, or the horizontal lockup below 120 px wide.

24 px

120 px

Misuse

Protect the logo's integrity. Never:

Rotate or tilt it

Stretch or distort its proportions

Recolour or replace the gradient

Add shadows, glows or outlines

Place it on a busy, low-contrast background

Rearrange or rescale lockup elements

Colour

Our palette is a single dark base carrying a seven-stop pastel spectrum. The spectrum is the signature — use it in the logo and for expressive accents. Use the base for backgrounds.

Base #14141C

Spectrum

Mint #72CEC3

Sky #79AEDC

Lavender #B09EE1

Leaf #B2EFA4

Blossom #EC8DAC

Peach #EDBC7E

Sun #EEE586

Typography

PIXELAR uses the Inter family throughout, with JetBrains Mono for code.

Display & wordmark

PIXELAR

Inter Tight — Black / ExtraBold, uppercase, wide tracking.

Body & UI

Aa Bb Cc — The quick brown fox jumps over the lazy dog. 0123456789

Inter — Regular to SemiBold.

Code

const base = "#14141C";

JetBrains Mono.

Using our brand

For press, partnerships or any question about using the PIXELAR logo, get in touch.