Na

Hero Headline

display-xl

Na

Section H2

Reflection

Sub-hero

Card Titles

display-l

display-m

display-s

heading

Lede body copy at twenty-two pixels

Hero lede

body-l

Running body copy at seventeen pixels.

Paragraph

body

(0N) SECTION · EYEBROW

CAPTION / MONO

Metadata

Timestamps

eyebrow

captions

Running body copy at seventeen pixels.

Label

body

background

#ffffff

ink.primary

Primary viewport

#ffffff 70%

ink.secondary

Primary viewport

#ffffff 55%

ink.tertiary

Primary viewport

#ffffff 45%

ink.muted

Primary viewport

#ffffff 25%

ink.quiet

Primary viewport

ink

accent

#0c0c0e

bg.elevated

Primary viewport

#111114

bg.raised

Primary viewport

#131316

bg.subtle

Primary viewport

#0c0c0e

bg.base

Primary viewport

#e0483b

accent.default

Primary viewport

#c93a2e

accent.hover

Hover

#e0483b

accent.tint20

Primary viewport

#e0483b

accent.tint33

Primary viewport

#e0483b

accent.glow

Primary viewport

Case Study Kit

Reusable shells and blocks for future product design case studies — use the template for page chrome, then assemble sections from these library components.

Layout Template · Case Study Template

Navigation + content placeholder + footer

Case Study / Insight Card

Gameplay clarity

Players needed to read the table instantly. The rules they knew — but the UI had to make every move feel obvious and low-risk.

Gameplay clarity

Players needed to read the table instantly. The rules they knew — but the UI had to make every move feel obvious and low-risk.

Case Study / Impact Card

1M+ app downloads

RummyVerse crossed 1 million downloads on Google Play with a 3.8★ rating, signalling strong organic traction in a highly competitive category.

1M+ app downloads

RummyVerse crossed 1 million downloads on Google Play with a 3.8★ rating, signalling strong organic traction in a highly competitive category.

Case Study / Browser Image

Case Study / External Read CTA

Read the full case study on Medium

Head to the full Medium case study for a detailed walkthrough of the market context, design system, and how we balanced gameplay, trust, and growth.”

Read the full case study →

Read the full case study on Medium

Head to the full Medium case study for a detailed walkthrough of the market context, design system, and how we balanced gameplay, trust, and growth.”

Read the full case study →

Phone variants

Compact versions of the same building blocks for narrow case study pages.

Gameplay clarity

Players needed to read the table instantly. The rules they knew — but the UI had to make every move feel obvious and low-risk.

1M+ app downloads

RummyVerse crossed 1 million downloads on Google Play with a 3.8★ rating, signalling strong organic traction in a highly competitive category.

Read the full case study on Medium

Head to the full Medium case study for a detailed walkthrough of the market context, design system, and how we balanced gameplay, trust, and growth.”

Read the full case study →