The mark is an enso (the unclosed brush circle of a dojo, which doubles as a retention curve that never quite closes) over a torii built from four rectangles. The same two shapes appear on the site’s landing page, so the brand reads as one system rather than a logo bolted onto a different design.
The wordmark is drawn, not typeset: the letterforms are 5x7 arcade glyphs emitted as rectangles. That keeps the files vector, editable, and free of any webfont dependency, so they render identically wherever they land.
| File | Use |
|---|---|
product-dojo-mark.svg |
Source for the square mark. Scale this, don’t scale the PNGs. |
product-dojo-mark-512.png |
LinkedIn company logo, and anywhere wanting a large square. |
product-dojo-mark-400.png |
LinkedIn minimum is 300x300; this clears it with room. |
product-dojo-mark-180.png |
apple-touch-icon. |
product-dojo-mark-32.png |
PNG favicon fallback. |
product-dojo-lockup.svg |
Horizontal mark plus wordmark. Site header, email signature, slides. |
product-dojo-lockup.png |
Raster of the above, for places that reject SVG. |
../product-dojo-og.svg / .png |
1200x630 social card, referenced by og:image. |
../../favicon.svg |
The mark simplified for 16px: thicker strokes, no tatami grid. |
ink #050506 background
cyan #37E2F0 the enso, and the site's single accent
gold #FFD23F the torii, and the site's reward colour
paper #F2F5F7 wordmark
Every PNG here is produced from the SVGs with macOS sips:
sips -s format png product-dojo-mark.svg --out product-dojo-mark-512.png
cp product-dojo-mark-512.png product-dojo-mark-180.png && sips -Z 180 product-dojo-mark-180.png
Note the enso uses an absolute stroke-dasharray rather than pathLength,
because pathLength is not honoured by every rasteriser (sips renders it as a
dashed ring). If you change the circle’s radius, recompute the dash as
0.88 x 2πr and leave the gap larger than the circumference.