Spiral Orbit Gallery — Dark-Mode Author Portfolio
A spiral orbit gallery that floats up to seven items around a central axis in a slow rotation, pilots a writer's published titles but the pattern fits any creative directory — books, courses, signature frameworks, or product collections.
Best for: About pages, portfolio pages, and creative directories where a small set of items deserves theatrical, quietly cinematic presentation.
Live preview — scroll inside the frame to see the full page.
What it does
- Spiral orbit layout — up to seven items float around a central anchor in a slow spiral that gives every piece a turn at front and center
- Continuous slow rotation — the orbit glides at a meditative pace so the page feels alive without being noisy
- Per-item reveal moment — as each piece rotates forward, a title and short description surface beside it
- Central anchor — a name, mark, or portrait sits at the center as the gravitational hub of the gallery
- Editorial quiet around the orbit — generous negative space and restrained typography keep the focus on the rotating works
Best use cases
- Authors and writers — about page floating their published books in a single celestial gallery
- Course creators with signature frameworks — orbit displaying named methods or pillars of a teaching system
- Coaches with named programs — gallery of flagship offers around the coach's portrait
- Designers and artists — small portfolio of hero works presented theatrically
- Membership operators — orbit of signature pillars or content collections at the heart of the community
What you can change with your DNA
When you run this through the remix skill, your CCOS DNA — brand, voice, audience — drives these decisions automatically:
- Colors — slots for the near-black background, the central anchor color, item card backgrounds, accent for active-item highlight, and text colors
- Fonts — two roles: an editorial display font for item titles and the central anchor name, and a quiet body font for short item descriptions
- Copy — central anchor label (creator name or brand), item titles, short item descriptions, and an optional intro paragraph above the orbit
- Images — cover image per item (book cover, course thumbnail, framework illustration); consistent treatment unifies the orbit
- Behavior — tune item count (three to seven), rotation speed, and whether hover or click pauses the rotation for closer reading
How remixing works
From "swiped it" to "shipped it" in three steps.
Pick a remix
Browse the library, find one that fits — like this one.
Run it through your DNA
The remix skill uses your CCOS DNA to swap colors, fonts, copy, and structure so it lands as yours.
Ship it
Paste the finished HTML into Thinkific, Kajabi, WordPress, or any platform that takes embed code.
Create a new list
Save your favorites
Email me a magic link and I'll add this to your favorites list.