The Coin S, and the name beside it
How to use the Spinrun mark and wordmark. Every file on this page is drawn from the same data as the site, so what you download is what ships.
Brand
The Coin S and the name. The mark is a disc with two curved slots, one the other turned half a turn: it spins, and it runs. It exists once, as data in @spinrun/brand, so the favicon, the app icons, the OG image, the loader and every tile on the site draw the same S.
The mark
@spinrun/ui/components/brand-markOn its indigo tile by default. Alone, in one colour, where a tile would be too much: ink on paper, white on a dark band.
Construction
@spinrun/brand/coinA disc of radius 50 on the 160-unit tile. Each slot is 15 units wide along a circular arc and ends in a round cap inside the disc. Every edge is an arc, so the outline is exact at any size.
Lockup
@spinrun/ui/components/wordmarkThe mark, then the name. The name is “spinrun” in Ulm Grotesk Bold, outlined: it is artwork, never live text, and the font file never ships. One colour, dot and all: ink on light, white on dark.
Clear space and sizes
Keep 20 tile units — an eighth of the tile — clear on every side. The mark reads down to 16px; the lockup needs at least 120px of width.
Colour
The tile's gradient, light at the top-left — the only place the mark carries colour. The site's full palette follows below.
#8B6CFF#6E47FF#4224BC#150079Don't
Use the supplied files as they are.
Downloads
Drawn from the same data as the site. For a platform that rounds icons itself, use the full-bleed PNG.
- Brand guidelines, PDF
spinrun-brand-guidelines.pdf - Mark on its tile
spinrun-mark.svg - Mark, ink
spinrun-mark-ink.svg - Mark, white
spinrun-mark-white.svg - Lockup, ink
spinrun-lockup-ink.svg - Lockup, white
spinrun-lockup-white.svg - Mark on its rounded tile, 1024px PNG
spinrun-mark-1024.png - Mark, full bleed, 1024px PNG
spinrun-mark-square-1024.png
