stark01
Crisp hairline
1px surface line. Hard bottom shadow. The safest default for dense information.
ColdLight · figure axis
Neuromorphic and stark as the default look.
Every card below is a single data-cl-figure attribute. The gradient, shadow stack, border, and corner radius all come from the generated axis — one JSON file per variant, extracted through the same pipeline Renderforge uses at runtime.
Stark — crisp geometry
stark-01 · stark-02 · stark-03stark02
Tinted edge
Edge nudges toward brand. Slightly bolder shadow, still surgical.
stark03
Assertive frame
1.5px brand-mixed border. Full-weight shadow. For hero panels that must announce themselves.
Neuro — dual-source relief
neuro-01 · neuro-02 · neuro-03neuro01
Whisper relief
Dual inset highlight top-left, inset shade bottom-right. Reads as pressed into the surface.
neuro02
Standard relief
The default neuromorphic block — enough depth to grip without shouting.
neuro03
Deep relief
Maximum inset + outer stack. Use sparingly — for feature moments only.
Radiant — diagonal diffuse
radiant-01 · radiant-02 · radiant-03radiant01
Whisper radiant
Brand from top-left, focus-ring from bottom-right, meeting near the diagonal. The subtle two-tone.
radiant02
Standard radiant
The signature diagonal diffuse — 40% brand scatter, 43% accent diffuse, glow ring around the whole card.
radiant03
Bold radiant
Maximum saturation of both corners. Reserved for onboarding, launch, and marquee surfaces.