BRAND RESOURCES

Brand Kit.

Official logos, colors and guidelines for 0xio. Download the marks, copy the palette, and keep the brand consistent wherever it appears.

01 LOGO MARK

1024 x 1024 - icon mark without the wordmark. Use for favicons, app icons and avatars.

logo 000000 / bg e5e5e5SVG ->

logo 000000 / bg ffffffSVG ->

logo ffffff / bg 000000SVG ->

logo ffffff / bg 141414SVG ->

02 LOGO + WORDMARK

1500 x 745 - the mark locked up with the "0xio" wordmark. Use for headers, banners and marketing.

logo + name, bg e5e5e5SVG ->

logo + name, bg ffffffSVG ->

logo + name, bg 000000SVG ->

logo + name, bg 141414SVG ->

03 CO-BRANDING

1920 x 1080 - lockups for 0xio + your project. Use for partnership materials and presentations.

LOGO ONLY

co-brand, bg e5e5e5SVG ->

co-brand, bg ffffffSVG ->

co-brand, bg 000000SVG ->

co-brand, bg 141414SVG ->

LOGO + WORDMARK

co-brand + name, bg e5e5e5SVG ->

co-brand + name, bg ffffffSVG ->

co-brand + name, bg 000000SVG ->

co-brand + name, bg 141414SVG ->

04 COLOR PALETTE

The core brand colors. Click a value to copy it.

PRIMARY

Octra Blue

#1D3BE8

CORE

Ink

#0A0A0B

CANVAS

Paper

#F6F5F1

CORE

White

#FFFFFF

DEEP

Dark

#141414

05 TYPOGRAPHY

Two families carry the whole brand.

DISPLAY / UI

0xio

The quick brown fox jumps over the lazy dog.

Space Grotesk - 400 / 500 / 600 / 700

MONO

oct1a2b3c

Labels, addresses, indices and code.

Space Mono - 400 / 700

06 USAGE GUIDELINES

Use the logo on solid, uncluttered backgrounds
Maintain clear space around the logo
Use official brand colors from this kit
Use the provided logo files as-is
Use Space Grotesk for the 0xio wordmark

DON'T

Stretch, skew, or distort the logo
Add drop shadows, gradients, or effects
Place the logo on busy or patterned backgrounds
Modify or recolor the logo
Use the logo at sizes smaller than 16px