Brand
The mark, the word, the colours and the type. Free to use when you write about Tickerz or show its numbers.
The mark
The word
TICKERZ in block letters drawn as tape: for banners and covers. It never sits beside the mark as a lockup.
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.
$MINTS 51,544
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.
Theme
Size
Badge
Card
Card, iframe
<iframe src="https://tickerz.com/embed/mints" title="$MINTS on Tickerz" width="480" height="200" style="border:0;max-width:100%" loading="lazy"></iframe>