Work sample
Five dashboard products that were designed, not templated.
Each screen is built for its own industry, with its own layout archetype and its own data. All five share one token system: nine authored colors derive a full palette in OKLCH, and any theme applies to any dashboard. Edit the colors below and watch every screen follow.
Built by Asther Louie Cabardo, full-stack engineer in Iloilo, Philippines. No chart library, no component library, no design system bought off a shelf.
Five products, five industries, one design system
Cadence
Product and team operations
Stratum
Staking and digital assets
Milepost
Fleet and last-mile logistics
Countertop
Multi-store retail
Wardline
Outpatient clinic operations
Why five, and why these five
Each one is a different layout archetype: a card mosaic, a dense console, a map canvas, a data table and a time axis. Remove the color and they are still distinguishable, which is the test a set of recolors fails.
Static data throughout. Nothing fetches, nothing randomises.
Theme Lab
Editing Verdant. Changes apply across the whole app immediately, including every dashboard, and persist between visits.
Nine knobs
Everything else is derived from these
Your edits travel in the URL.
Derived tokens
Read-only. These move when you change a knob.
Surfaces
Text and accent
Chart ramp
Live preview
Filled tile
2,481
Plain tile
317
Chart under the current palette
Status colors
Gauge
Typography
Cabinet Grotesk display
General Sans body copy, set at fourteen pixels with relaxed leading for reading at length in an operations context.
1,284,907.36
JetBrains Mono, tabular figures