The mark, and the files

Five bars in the site's own consensus-family colours: gold for proof of work, the acid green, then proof of stake, BFT and DAG. It descends because the site is a ranking, and it is a spectrum because the ranking is grouped by how each chain agrees with itself.

Spectrum bars

The mark. Everything else is secondary to it.

Disc

The same mark round, for surfaces that are not dark.

Avatar

Square file, drawn to survive the circular crop.

Segmented ring

A coin edge cut into families. Large surfaces only.

Prism

One beam in, its true parts out. An illustration, not an icon.

Spectrum C

Held as a single-shape companion: watermarks, stamps.

The lockup

The mark beside the word, for anywhere there is room to say the name. The square version belongs on hard-edged surfaces — a header bar, a slide; the round one sits better next to running text, in a byline or a footer.

Social images

The X header carries no mark on purpose: the profile picture beside it already does, and it is drawn on top of the header's bottom-left corner — so the words sit centred, clear of it. Reddit's community banner does the opposite — no avatar sits on top, so the mark is included.

The palette

These are not decorative choices. Each colour already means a consensus family everywhere else on the site, and the mark inherits that meaning rather than inventing a second one.

Every file

Preview, filename, and dimensions for each brand file — click the filename to save it. Card grounds are checkered so a transparent background still reads as transparent. Every SVG carries "PNG 400" and "PNG 1024" buttons for platforms that refuse SVG uploads (X, Reddit, Telegram, LinkedIn) — the browser rasterises the vector to a raster file at the target size and hands the file straight to your downloads folder.

favicon.svg

vector · The tab icon in every current browser

favicon.ico

16 · 32 · 48 · Older browsers, which ask for this by name

apple-touch-icon.png

180 × 180 · Saved to an iOS home screen

icon-192.png

192 × 192 · Android home screen

icon-512.png

512 × 512 · Install prompts, app listings

avatar-400.png

400 × 400 · X, Reddit and Telegram profile pictures

avatar-1024.png

1024 × 1024 · The same, where an uploader wants more

avatar-circle-400.png

400 × 400 · Already round, transparent corners

og-1200x630.png

1200 × 630 · The image on a shared link

banner-1500x500.png

1500 × 500 · X header

reddit-banner-1920x384.png

1920 × 384 · Reddit community banner (desktop)

reddit-banner-mobile-1280x384.png

1280 × 384 · Reddit community banner (mobile)

lockup.svg

vector · Mark and wordmark, where there is room for words

lockup-circle.svg

vector · The same lockup with the disc mark

mark-bars.svg

vector · The mark itself, to place anywhere

mark-circle.svg

vector · The mark as a disc

mark-ring.svg

vector · Segmented ring, for large surfaces

mark-prism.svg

vector · Prism illustration, not an icon

mark-c.svg

vector · Spectrum C, single-shape companion mark

Every raster file is generated from the same geometry by npm run brand, so a change to the mark reaches all of them at once and none of them can drift.

Using it

• Do not recolour it. The colours carry meaning elsewhere on the site; a monochrome version says something the site does not.
• Keep the ground. The mark is drawn for #0a0d14. On a light background, keep the dark tile rather than dropping the bars onto white.
• Give it the width of one bar as clear space on every side.
• Below 16px, use the .ico. Its bars sit on exact pixels; a scaled-down SVG at that size averages into mush.