Design in code
No designer, no Figma. Tokens are defined in CSS and validated by script. This page is the visual reference.
Brand mark
One shape doing both of the site's jobs: as a silhouette, a map pin; as a surface, Leonida's banded sun planted on the waterline. Our own geometry, painted from the tokens — nothing borrowed from Rockstar's identity, Pricedown included.
Two compositions, one geometry. “scene” adds the halo and the reflection, which only resolve from 64 px up; “mark” is the same shape without them, for the header, the favicon and anything under 48 px.
Colour tokens
- surface
- raised
- line
- ink
- dim
- brand
- sun
- lagoon
- reported
- confirmed
- disputed
- canon
Verification states
Encoded by shape and fill as much as by hue, so they stay readable under colour blindness and at small sizes on a noisy map background.
- ReportedOne source, unverifiedreported
- ConfirmedSeveral confirmations from accounts with historyconfirmed
- DisputedConfirmations and debunks coexistdisputed
- CanonAcknowledged by Rockstar or trivially reproduciblecanon
Rendered at 12 px, actual size on the map
Contrast and colour-blindness validation: the A2.7 Python script, not written yet.
Icons
38 derived from Lucide (MIT), 16 to draw. Each must stay readable as a silhouette at 16-20 px over the map.