@messai/ui/v3
v3 design system — proving page
Every v3 token, atom, molecule, and new organism rendered in a real Next render. Coexists with v1; opt in via import { Button } from '@messai/ui/v3'.
Tokens — color
mes-paper
mes-glass
mes-instrument
mes-steel
mes-optimal
mes-warning
mes-critical
mes-info
mes-sage
mes-graphite
mes-labcoat
mes-navy
Atoms
Button variants
Button sizes / state
Input
Badge
primarysuccesswarningerrorinfooutline
Tag (tones)
optimalwarningcriticalinfosagenavy soft
Label / Link / Code
Skeleton / Spinner
Controls
Slider
Temperature37 °C
Molecules
Card
A bordered card with header + footer slots.
Used by the predictor
Metric
Power density
2.1W/m²
CALconf 0.82
Coulombic eff.
78%
EMP
OOD
0.12
OOD
Segmented
Breadcrumb
Stepper
- Inputs
- 2Predict
- 3Calibrate
- 4Report
CalibrationBar
pH
47.2pH10
Organisms (new v3)
Banner
Inline tone-coded alert with status icon.
Saved
Your changes were saved.
Heads up
Out-of-domain inputs detected.
Error
Something failed.
Toast
Prediction complete
Power density: 2.1 W/m²
Evidence mix
EMP420
CAL180
SIM90
EXT30
Papers
9,511
Measurements
195,846
Canonical params
825
OOS coverage
97.2%
| System | Power | CE |
|---|---|---|
| MFC | 2.1 W/m² | 78% |
| MEC | — | 64% |
| MDC | 1.4 W/m² | 71% |
3 items
- MFC78%
2.1 W/m²
- MEC64%
—
- MDC71%
1.4 W/m²
No results
Try widening your filters or clearing the search.
@messai/ui/v3 · proving page · v1 organisms (Modal/Tabs/Popover/…) omitted by design.