# Brand The mark, the word, the colours and the type. Free to use when you write about Tickerz or show its numbers. ## The mark [Disc logo, SVG](https://tickerz.com/brand/tickerz-mark-tape-bone-on-ink-disc.svg) ![Mark, bone on ink](https://tickerz.com/brand/tickerz-mark-tape-bone-on-ink-square.svg) Mark, bone on ink[SVG](https://tickerz.com/brand/tickerz-mark-tape-bone-on-ink-square.svg) [PNG](https://tickerz.com/brand/kit/tickerz-mark-bone-on-ink-1024.png) ![Mark, ink on bone](https://tickerz.com/brand/tickerz-mark-tape-ink-on-bone-square.svg) Mark, ink on bone[SVG](https://tickerz.com/brand/tickerz-mark-tape-ink-on-bone-square.svg) [PNG](https://tickerz.com/brand/kit/tickerz-mark-ink-on-bone-1024.png) ![Mark, bone, transparent](https://tickerz.com/brand/tickerz-mark-tape-bone.svg) Mark, bone, transparent[SVG](https://tickerz.com/brand/tickerz-mark-tape-bone.svg) [PNG](https://tickerz.com/brand/kit/tickerz-mark-bone-1024.png) ![Mark, ink, transparent](https://tickerz.com/brand/tickerz-mark-tape-ink.svg) Mark, ink, transparent[SVG](https://tickerz.com/brand/tickerz-mark-tape-ink.svg) [PNG](https://tickerz.com/brand/kit/tickerz-mark-ink-1024.png) ## The word TICKERZ in block letters drawn as tape: for banners and covers. It never sits beside the mark as a lockup. ![Word, bone on ink](https://tickerz.com/brand/kit/tickerz-word-bone-on-ink.svg) Word, bone on ink[SVG](https://tickerz.com/brand/kit/tickerz-word-bone-on-ink.svg) [PNG](https://tickerz.com/brand/kit/tickerz-word-bone-on-ink.png) ![Word, ink on bone](https://tickerz.com/brand/kit/tickerz-word-ink-on-bone.svg) Word, ink on bone[SVG](https://tickerz.com/brand/kit/tickerz-word-ink-on-bone.svg) [PNG](https://tickerz.com/brand/kit/tickerz-word-ink-on-bone.png) ![Word, bone, transparent](https://tickerz.com/brand/kit/tickerz-word-bone.svg) Word, bone, transparent[SVG](https://tickerz.com/brand/kit/tickerz-word-bone.svg) [PNG](https://tickerz.com/brand/kit/tickerz-word-bone.png) ![Word, ink, transparent](https://tickerz.com/brand/kit/tickerz-word-ink.svg) Word, ink, transparent[SVG](https://tickerz.com/brand/kit/tickerz-word-ink.svg) [PNG](https://tickerz.com/brand/kit/tickerz-word-ink.png) ## Colours - Ink#060606ink.bgThe ground - Panel#101010ink.panelCards and boxes - Line#343434ink.line-strongBox borders - Bone#EBEBEBink.textWords and numbers - Stone#A3A3A3ink.text-2Second tone - Graphite#7E7E7Eink.muteLabels - Plum line#C77BCBink.plum-lineChart lines, the record - Plum text#F2AEF3ink.plum-textA word that reads plum - Deep plum#761E7Aink.plumEmails and old cards only - Up#45E39Cink.upBeside a triangle only - Down#FF6B6Bink.downBeside a triangle only - Paper#F2EFE8paper.bgThe light ground - Paper ink#141216paper.textWords on paper One accent: plum. Green and red only beside a direction triangle, never alone. Every text colour is 4.5:1 or more on the ground it sits on. ## Type Everything gets a ticker. Geist · words · 400 for headlines and body, 450 for section heads, 500 for emphasis · [TTF](https://tickerz.com/fonts/Geist-Variable.ttf) · [OFL](https://tickerz.com/fonts/Geist-OFL.txt) $MINTS 51,544 Geist Mono · numbers, tickers, labels, buttons · tabular figures · [TTF](https://tickerz.com/fonts/GeistMono-Variable.ttf) · [OFL](https://tickerz.com/fonts/GeistMono-OFL.txt) ## Block-letter titles Section names on the site and every share card: five by five block letters, each bar drawn as thin horizontal lines like ticker tape. ## Do and don't - **Do**: Put the mark on ink, bone or white, with clear space of one stroke width (a fifth of its height) on every side. - **Do**: Use the tape finish from 96px up. Smaller than that use the three-line tape (the favicon and the menu) or the solid mark. - **Do**: Write the name as Tickerz, never TICKERZ in a sentence. Tickers are shown with $, in Geist Mono. - **Don't**: Thicken, redraw, stretch, rotate or outline the mark. - **Don't**: Add a wordmark beside the mark, or put it in a plum pill. - **Don't**: Use colours outside this page, or green and red without a direction triangle. ## Badges and cards A live badge for a README and a live card for any site. Pick an index, a theme and a size, then copy the code. Both update on their own. Index Theme Size Badge [![$MINTS on Tickerz](https://tickerz.com/api/badge/mints.svg)](https://tickerz.com/x/mints) Card Card, iframe ``` ```