Hand-crafted, palette-adaptive marks & illustrations
Premium inline SVG components — brand marks, section dividers and hero illustrations. Every item is a pure server component (zero client JS) that reads your brand's palette tokens at runtime, so the same mark renders in each shop's own colours. The previews below are live: they're rendered in this site's palette right now.
21 items
Rendered live, in this palette
Each item installs as a single self-contained file via the shadcn registry every Cartwright shop ships. Swap the item name in the command below — e.g. svg-orbit-mark, svg-wave-divider, svg-moth-illustration.
Orbit Mark
markA ringed planet held by two elliptical orbits with moons riding the near arcs.
svg-orbit-markPrism Mark
markA glass prism refracting one beam into a tonal spectrum fan that fades to the right.
svg-prism-markConstellation Mark
markA star-chart asterism of connected stars at varied magnitudes inside a graduated ring.
svg-constellation-markComet Mark
markA comet head with a layered, particle-strewn tail arcing toward the corner.
svg-comet-markSunburst Mark
markA radiant sun with sixteen alternating long and short rays around a gradient disc.
svg-sunburst-markLattice Mark
markTwo squares and a circle interlaced in a true over-under weave around a fine inner lattice.
svg-lattice-markWave Divider
dividerA horizontal rule of four layered wave strands that fade out at both ends, with foam beads on the crests.
svg-wave-dividerVine Divider
dividerA branching vine rule with alternating leaves, buds, curling tendrils and a small open bloom at the centre.
svg-vine-dividerBloom Illustration
illustrationAn opening flower with three layered petal rings, a stamen crown, stem and leaves, and one petal mid-fall.
svg-bloom-illustrationMountain Illustration
illustrationReceding ridgelines with real atmospheric depth under a warm sun, mist in the valley, pines on the foothill.
svg-mountain-illustrationCrystal Illustration
illustrationA faceted crystal cluster growing from rock, lit facets against shaded ones around an inner glow.
svg-crystal-illustrationMoth Illustration
illustrationA night-moth with banded dusty wings, eyespots and feathered antennae, resting under a crescent moon.
svg-moth-illustrationOrbit Mark Live
markThe ringed planet with both moons actually riding their elliptical orbits while the planet softly breathes.
svg-orbit-mark-liveConstellation Twinkle
markA star chart whose asterism pulses in sequence, visited by a shooting star roughly every fifteen seconds.
svg-constellation-twinkleComet Streak
markA comet with a living tail — dust particles stream toward the tip while the head glow pulses.
svg-comet-streakWave Divider Flow
dividerThree wave strands flowing past each other in an endless seamless drift, melting into the page at both ends.
svg-wave-divider-flowVine Divider Grow
dividerA vine rule that draws itself in as it scrolls into view, leaves fading in behind the growing stem.
svg-vine-divider-growAurora Ribbon
dividerLayered aurora ribbons undulating in slow counter-phase, shimmering like northern lights stretched into a rule.
svg-aurora-ribbonButterfly Swarm
illustrationFive hand-drawn butterflies drifting in loose formation, wings beating in offset rhythm along a dotted flight line.
svg-butterfly-swarmBloom Open
illustrationA flower whose petal rings unfold from the heart outward, then sway gently on the stem while one petal drifts down.
svg-bloom-openFirefly Field
illustrationA dusk meadow where ten fireflies blink and drift in staggered rhythm above the grass.
svg-firefly-fieldHow it works
No hex values, anywhere
Every paint in every item reads the cw-* palette tokens with the engine fallback chain (ending in currentColor), so an item dropped into any Cartwright shop — or any page on this site — adapts to the active palette by construction. Marks are 120×120, dividers are 400×24, illustrations are 120×120 hero-grade scenes.