Specimen · hero
act I — arrival
Every pattern,
wearing your palette.
This page is the preview: all chrome, type and color you are looking at runs on the theme being edited. Extracted bundles ship with the same tokens plus rewritten JS/GLSL literals.
Specimen · controls
neutral
warm
rose
cool
Specimen · cards + code
27hero orb
GL centerpiece — its uColor literal is rewritten to your accent at extract time.
uColor: { value: new THREE.Color(0xb7ff2e)
}
84beam sweep
Shader gradient — vec3 colors re-derived, dark glows stay dark glows.
vec3 tint = vec3(0.72, 1.0, 0.18);
07type-in
Pure CSS var — themed by the :root block alone. Most of the menu works this way.
color: var(--acc); border: 1px solid
var(--line);
specimen · derived family — shades the engine computes from your tokens
deep glows ← accent family → tintssurface depth axis