The mark, the colors, and the type.
ποΈ The mark π
Two arrows chasing each other around a circle: reciprocity, which is the whole idea. It has no background, one color, and no filters, so it drops onto any surface and survives the sanitizers that avatar pipelines and mail clients run. The one exception is the favicon, which drops the shadow: at 16 to 32 pixels the offset is sub-pixel and only blurs the strokes.
- Logo
logo.svg - Logo, white
logo-white.svg - Favicon
favicon.svg - Touch icon
apple-touch-icon.png - Social card
og-image.png
Please don't recolor it outside this palette, rotate it, add a background plate, or set it in another typeface. If you need a variant we haven't published, ask the stewards β we would rather make one than have several in the wild. All of these files live in the repository and are free to use under our license.
ποΈ Color π¨
Teal carries the brand and every interactive affordance: links, the page header, and the token chip. Plum is reserved for errors and debits, and the orange only ever marks keyboard focus. Everything else is neutral.
- Salient
#007284Links, headers, the token chip - Salient faded
#e1eff2Emphasis blocks and chips - Focus
#db501eKeyboard focus, and nothing else - Error
#840054Errors and debits - Error faded
#ffdcebError backgrounds - Border
#bbbbbbRules and outlines - Alternating
#f3f3f3Table row banding - Inactive
#888888Disabled and muted text
ποΈ Type π€
Quicksand sets headings, Josefin Sans sets everything else, and Noto Sans Mono sets code. Both are open licensed and are served from this domain rather than a font CDN.
Make peer review count.
Authors earn tokens by reviewing, and spend them to submit.