Studio

The brand files, and every trailer, spotlight, loop and still the renderer made, ready to post. The figures in each come from the data snapshot it names

Brand files

The X banner and profile photo, and the logo

X banner and profile photo

X header banner

Blocks, “The anatomy of a token.” · PNG · 1500 × 500, 3000 × 1000

1500 × 500 3000 × 1000

X profile photo

Mark, light · PNG · 400 × 400, 1000 × 1000

400 × 400 1000 × 1000

Alternates

Slogan 2 · See what the chain knows.1500 3000

Slogan 3 · Know who’s really holding.1500 3000

Blocks, reversed1500 × 500

Blocks, light1500 × 500

Mosaic1500 × 500

Cube1500 × 500

Band1500 × 500

Cards1500 × 500

Mark, dark400 1000

Mark on navy400 1000

Blocks, light400 1000

Blocks, dark400 1000

Logo

The four-square mark is the logo: indigo, pink and lime blocks and a round one in ink. The cube is the site's loader, not a logo.

Use the light files on light backgrounds and the dark ones on dark: the round block is black on light and white on dark.

Indigo#5151fc
Pink#ffc0ff
Lime#abff5a
Ink on light#000000
Ink on dark#ffffff

Mark

For light backgrounds · SVG 22 × 22, PNG 16–512

SVG PNG

PNG16 24 32 48 64 192

Mark, dark

For dark backgrounds · SVG · 22 × 22

SVG

Horizontal lockup

For light backgrounds · SVG · 1059 × 180

SVG

Horizontal lockup, dark

For dark backgrounds · SVG · 1059 × 180

SVG

Stacked lockup

For light backgrounds · SVG · 824 × 430

SVG

Stacked lockup, dark

For dark backgrounds · SVG · 824 × 430

SVG

Favicon

Its round block turns white in a dark browser · SVG 22 × 22, ICO 16, 32, 48

SVG ICO

App icon

On white · PNG · 180 × 180

PNG

The video library is available in the local build

The videos live outside the site, in the local marketing folder, and are never deployed. Render a library with npm run trailers -- --spec all --out /path/to/marketing/blocktronics/<date>, or make one video in Trailers.