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.

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 #007284 Links, headers, the token chip
  • Salient faded #e1eff2 Emphasis blocks and chips
  • Focus #db501e Keyboard focus, and nothing else
  • Error #840054 Errors and debits
  • Error faded #ffdceb Error backgrounds
  • Border #bbbbbb Rules and outlines
  • Alternating #f3f3f3 Table row banding
  • Inactive #888888 Disabled 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.

Headings Β· Quicksand

Make peer review count.

Body and everything else Β· Josefin Sans

Authors earn tokens by reviewing, and spend them to submit.