Skip to content
Green ArkSign in
Green Ark

Design system

White pages, black lines, one family of greens, and 8-bit graphics. The words stay plain so legal readers can trust them; the pictures get to have fun. The full rules are in DESIGN-SYSTEM.md; the values live in lib/design-tokens.js.

The green ramp

ark-700 is the brand green.

ark-50

#F3F7F4

ark-100

#E7EFE9

ark-200

#B9D3BD

ark-300

#8DB592

ark-400

#5E9467

ark-500

#3D784D

ark-700

#1E5A3C

ark-800

#164A30

ark-900

#0F2E1F

Neutrals and signals

ground

#F4F7F3

paper

#FFFFFF

paper-alt

#F6F6F4

rule-soft

#DADADA

ink-faint

#8A8A8A

ink-muted

#555555

on-dark

#CFCFCF

ink

#111111

alert

#9A1B1B

highlight

#FFF1A8

Jurisdiction status

Lightness carries the meaning, the label confirms it.
Adult-use legalMedical onlyDecriminalisedProhibited

Type

One traditional sans-serif, already on every machine. No web fonts.
display 48px/52pxEverything on cannabis and the law.
h1 34px/40pxEverything on cannabis and the law.
h2 24px/30pxEverything on cannabis and the law.
h3 18px/24pxEverything on cannabis and the law.
lead 19px/29pxEverything on cannabis and the law.
body 17px/27pxEverything on cannabis and the law.
small 14px/20pxEverything on cannabis and the law.
kicker 12px/16pxEverything on cannabis and the law.

Citations only: Kuehn v. Evnen, 322 Neb. 161 (2026)

The 8px grid

4px
8px
12px
16px
24px
32px
40px
48px
64px
80px
96px

Buttons

Square, chunky, a hard shadow. Press one.

Content

US
AU
DE

Article art: the default picture when an article has no image. An object from the headline, a layout seeded from it, so the same article always gets the same picture. Placeholder style for now.

Motion

4 frames a loop, 420ms a frame. Stepped, never smooth. Motion stops completely for anyone who has asked their device to reduce motion.