Lumenai · Design System v1

All components, real props

This page exists to prove the design tokens compile and that every reusable component renders against the Lumenai editorial language. If this looks right, the rest of the app inherits it for free.

Colors

cream-base
#F4F0E6
cream-card
#FAF6EC
cream-canvas
#E8E2D2
ink
#19150F
forest
#0D7C66
vital
#00C49A
amber
#C68A17
clay
#B84A3F
ink-3
#5A544A
ink-5
#8A8275

Typography

Display hero · serif 96

39.2

Display 1 · serif 42

Good morning, Sample

Display 3 · serif 22

Biological age

Body · sans 14

The cortisol climb between Aug 2025 and Apr 2026 is the most active finding on your record.

Eyebrow · 10 tracked 0.16em

Quarterly review

Status pills

Optimal · Health score 87Watch · 81.3 nmol/LFlag · 26.1 μg/dL

Hero number

Biological age
39.2
5.8 years younger than your chronological age of 45.

List rows (the scanning device)

Cortisol · Hormones

11.3 → 26.1 μg/dL · sustained elevation

26.1

AST · Liver

69 → 22 U/L · fully resolved

22

SHBG · Hormones

66.5 → 81.3 nmol/L

81.3

Inline citations

Three of your last four readings sat comfortably in the optimal band — 2018 · 6.4Nov '21 · 9.2Aug '25 · 11.3. The break is recent and sharp: it nearly doubled and has held at 26.1 · Apr '26.

Your total sleep dropped from 7.6h avg through summer to 6.8hacross autumn — about 50 minutes lost per night, sustained.

Reference range track

Reference range
26.1
6optimal 618 μg/dL30

Panel container

Biological age

APR 2026

Panels are the building blocks of every dashboard section. Cream-on-cream hierarchy carries the elevation. No shadows.

Recent changes

PAST 6 MO

Resting HR

48 bpm · stable

48
bpm

VO₂ max

53 · top decile

53
ml/kg/min