Design system · v0.1 · April 2026

The back-of-house console for the people who stand behind the game.

Dropick Studio furnishes a felt-green atelier for operators — Fraunces for voice, warm cream and inky felt for surfaces, pale gold and copper as the only bright notes. Personality earned, not borrowed.

Type

01 · Typography

Display · Fraunces (variable)

The quick brown fox jumps over the lazy dog —0123456789.

variable · opsz 9–144 · SOFT 0–100 · italic

UI & Body · Inter

The quick brown fox jumps over the lazy dog — 0123456789.

400 / 500 / 600 / 700

Display

serif · 64px / 1.0

Page title

serif · 44px / 1.05

Section heading

serif · 28px / 1.2

Subhead

sans · 22px · 500

Body — audit rounds, monitor revenue, steward every tenant from a single console.

sans · 15px · 400

rnd_4f2a9c18_d013 · mono data

mono · 12px

Eyebrow label · caps

sans · 10.5px · 0.14em

Color

02 · Palette

Accent — tenant-overridable via --color-accent

Pale Gold
oklch(72 .095 85)

Copper
oklch(58 .105 42)

Felt
oklch(32 .045 155)

Oxblood
oklch(42 .09 30)

Ink
oklch(22 .02 85)

Neutral ramp — cream to felt

Semantic

Success

Warning

Danger

Info

Form

03 · Spacing & Radii

4px base scale

4 · s-1

8 · s-2

12 · s-3

16 · s-4

24 · s-6

32 · s-8

48 · s-12

64 · s-16

Radii

r-sm · 4px

r-md · 8px

r-lg · 12px

r-xl · 16px

Pieces

04 · Components

Buttons

Badges & status

DefaultAccentLiveDegradedIncidentInfoStreaming

Inputs

Round ID

Tenant

Segmented / Tabs

Data surface — KPI tile

GGR · Today

€184,291

↑ 12.4%

vs €163,912 yesterday

RTP · realised

96.14%

theoretical 96.20% · −6 bp

Active sessions

3,217

↑ 3.1%

Code

{
  "round_id": "rnd_4f2a9c18_d013",
  "game_id":  "dusk-harvest",
  "bet":      2.40,
  "win":      0.00,
  "reels":    [[7,3,3],[5,7,5],[3,3,7],[5,5,3],[7,3,5]],
  "status":   "settled"
}

Motion

05 · Character

Quiet, purposeful, never playful. Easing cubic-bezier(0.22, 1, 0.36, 1) for ease-out, durations between 120–320ms for UI, up to 520ms for reveals. Gaming personality shows through precision, not exuberance.

dur-1

120ms

hover, small state

dur-2

200ms

buttons, chips

dur-3

320ms

panels, theme

dur-4

520ms

page reveals