Graphite
--color-graphite#08090ADesign system · Phase 1
One quiet system gives dense information room to work.
Six core inks, signed market states, an 8-point spacing scale, one interface radius, and three elevation levels form the visual contract for dhawal.org.
01 · Color
Amber identifies the desk. It never reports profit or loss.
Carbon
--color-carbon#111315Slate
--color-slate#2E3236Steel
--color-steel#8B9096Paper
--color-paper#EDEEF0Amber
--color-amber#E8A62C--data-up--data-down--data-flatDirection always has a sign or neutral mark, so color is never the only cue.
02 · Spacing
Every layout step resolves to an 8-point rhythm.
1x8px--space-1x2x16px--space-2x3x24px--space-3x4x32px--space-4x5x40px--space-5x6x48px--space-6x8x64px--space-8x10x80px--space-10x12x96px--space-12x03 · Radius
Four pixels is enough to soften chrome without making it playful.
--radius-interface · 4px--radius-round · indicators only04 · Elevation
Hairlines establish hierarchy before shadows do.
--elevation-flat--elevation-raised--elevation-overlay