🔒 Premium Site Page

3D Ring Carousel — Selected-Works Portfolio Hero

A three-dimensional ring of project cards that rotates around a vertical axis on the homepage, letting visitors spin through a curated portfolio one card at a time — pilots a studio's selected works but the pattern fits any creator with a focused project list.

Best for: Portfolio and creator homepages where a curated, deliberate project list deserves a moment of dimensional storytelling, not a static grid.

Live preview — scroll inside the frame to see the full page.

What it does

  • Rotating ring of project cards — a three-dimensional ring with project cards arranged around it, tilted for depth
  • Auto-spin and click-to-spin — the ring rotates slowly on its own and visitors can click or drag to land on a specific card
  • Front-card focus — the card facing the viewer is the largest and clearest, while side cards fade and shrink for depth
  • Project labels per card — each card carries a project title, year, and one-line tag that doubles as a portfolio caption
  • Calm surrounding layout — the page around the ring stays restrained so the carousel remains the centerpiece

Best use cases

  • Studios and agencies — selected works for a creative agency or design studio
  • Photographers and designers — a curated portfolio with under a dozen anchor projects
  • Course creators — a ring of courses or programs presented as a curated catalog
  • Authors and creators — books, films, or projects as a dimensional showcase
  • Coaches and consultants — signature client transformations or case studies

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 — page background, card background, label text color, and accent for the active card. Swap for any brand register from minimal-white to premium-black.
  • Fonts — two roles: a display or serif font for project titles, and a clean sans for tags and supporting copy
  • Copy — project titles, year, and short tag for each card; supporting hero headline and intro copy
  • Images — one image per project card (this is the largest visual decision), plus any supporting hero imagery
  • Behavior — control auto-spin speed, ring radius, tilt angle, and whether visitors can drag or only click to spin

How remixing works

From "swiped it" to "shipped it" in three steps.

01

Pick a remix

Browse the library, find one that fits — like this one.

02

Run it through your DNA

The remix skill uses your CCOS DNA to swap colors, fonts, copy, and structure so it lands as yours.

03

Ship it

Paste the finished HTML into Thinkific, Kajabi, WordPress, or any platform that takes embed code.