Component theme

Orphist Colour Discs

8 components, each a single self-contained HTML file — no frameworks, no build step. Preview them here, or see them live on the canvas.

• Simultaneous Disc7 concentric spectrum rings counter-rotate in alternating directions; a shimmer overlay and pulsing center dot evoke Orphist colour.
• Circular Rhythm26 color discs pulse with sine-wave rhythm via radial gradients on a dark canvas; additive blending creates luminous overlaps in the Orphist palette.
• Prismatic Window20 colored rectangular planes in a 5x4 grid breathe, skew, and pulse opacity in staggered sine waves over a dark background, evoking Orphist window planes.
• Colour Wheel Pulse36-segment spectral disc spins while an energy crest sweeps its segments, causing slices to pulse outward and flare bright as the wave passes.
• Endless RhythmA horizontal band of split half-disc circles in spectral colors marches endlessly left in a seamless CSS loop, inspired by Orphist's rhythm motifs.
• Contrast PairsThree split circles rotate complementary halves against each other — red/green, blue/orange, violet/yellow — enacting Orphist's simultaneous contrast law.
• Sun & Moon DiscsTwo large radial-gradient discs — a warm sun and cool moon — orbit the canvas center in opposite phase, blending with 'lighter' compositing where they…
• The Disc, Breathing9 concentric rings of 6 arc segments rotate in alternating directions and pulse opacity in a slow breathing rhythm, cycling a 6-color spectrum.