Skip to content

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.

scene, ≥ 64 px
mark, 112 px
GTA 6 Mapheader lockup
16 px
favicon, light theme
Monochrome, in currentColor: halo and reflection drop, the silhouette, the stripes and the waterline stay.

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

ReportedConfirmedDisputedCanon

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.