Card Stack Swipe — Style / Preference Quiz Variant
A swipeable card stack where learners react yes/no to each card and the result reveals their style or preference profile — pilots an interior style finder but the pattern fits any preference-discovery quiz.
Best for: Preference-discovery quizzes where the learner builds a profile by reacting to a series of visual or short-text cards.
Live preview — scroll inside the frame to see the full page.
What it does
- Swipeable card stack — cards stack on screen and the learner swipes (or taps yes/no buttons) to make rapid judgments
- Visual or short-text cards — each card carries an image, a phrase, or a short scenario the learner reacts to
- Running tally per profile — yes/no answers feed into hidden category counters so the system knows which profile is winning
- Result reveal screen — at the end, a profile result page shows the learner's style or preference with a description and next-step suggestions
- Replay or share — buttons let the learner restart the quiz or share their result
Best use cases
- Interior and style — interior style finder, fashion archetype quiz, color-palette discovery
- Wellness and personal development — values quiz, archetype finder, productivity-style finder
- Marketing and lead-gen — brand-style finder, ICP discovery quiz, offer-fit assessment
- Coaching and consulting — leadership-style finder, communication-style assessment, goal-archetype quiz
- Hospitality and travel — travel-style quiz, getaway-type finder, dining-preference assessment
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 page background, card background, yes/no swipe state colors, result page background, and accent
- Fonts — two roles: a display font for the result name and headings, plus a body font for cards and result description
- Copy — title, intro line, card labels or phrases, profile names, profile descriptions, and CTA on the result screen
- Images — the card images are the main customization slot, plus an optional hero image per profile result
- Behavior — choose the number of cards, the number of profiles, the scoring weights per card, and whether share/replay actions are shown
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.