🔒 Premium Lesson Page

Y2K Pop Course Welcome — Playful Pastel Variant

A bright, playful course welcome page on peachy cream with pastel-glitch hero type, chunky-bordered cards, a 7-day starter grid, and confetti-burst CTA — pilots a language-learning intro but the pattern fits any course intro that needs to feel optimistic, low-stakes, and impossible to be intimidated by.

Best for: Course intros and welcome pages for younger or beginner audiences — language learning, habit apps, gamified courses, anything that needs to feel un-intimidating from the very first screen.

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

What it does

  • Single-burst hero glitch — the headline glitches once in soft pink and sky pastels just after the page loads, then settles into place as a playful arrival moment
  • Bouncy settle animation — every interactive element lands with a slight overshoot bounce so clicks, hovers, and reveals feel friendly rather than stiff
  • Rotating capability line — under the hero, a short rotator cycles through concrete things the learner will be able to do, in plain talk
  • Second glitch on the promise — the inverted promise headline glitches once when the learner scrolls to it, repeating the arrival moment without overusing it
  • Six-card what's-inside grid — each card carries a different palette color with a chunky black border and hard offset shadow so the page reads as a sticker sheet
  • Seven-day starter calendar — one tiny task per day, longest seven minutes, so low-stakes lives in the structure as well as the words
  • Confetti-burst CTA — the begin button bursts in-palette confetti on click for a small celebration moment
  • Reduced-motion safe — every animation suppresses cleanly for learners who prefer less motion, and the page stays fully usable and on-brand

Best use cases

  • Language learning — Duolingo-adjacent creators, online language schools, language coaches, app onboarding screens
  • Habit-formation apps — meditation, journaling, fitness, sleep, water tracking; the five-minutes-a-day framing maps directly
  • Gen-Z creator courses — bright pastels and Plus Jakarta Sans read as born-after-1995 without trying too hard
  • Tweens and teens learning — chunky borders and bouncy easing signal seriousness with fun on top
  • Gamified learning — courses with XP, streaks, daily quests, or progress mechanics already in the vocabulary
  • Beginner-friendly creative courses — drawing, music, baking; anywhere step one needs to feel like a soft landing

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 — Y2K Pop family palette is locked: peach cream, hot pink, lime, sky, lavender, sunshine, dark text, and muted text. Card color assignment can shuffle freely; the only rule is don't repeat the same color in adjacent cards.
  • Fonts — locked to Plus Jakarta Sans across four weights. Don't introduce serifs or sober sans — the brightness is the brand.
  • Copy — every word is open: hero headline (something a friend would say), sub-headline, six to ten rotator phrases (concrete capabilities, not features), promise copy, six card titles and descriptions, day-grid labels and minute counts, CTA, and footer line.
  • Images — none required; the page is type, color, and small SVG sparkles. Confetti palette can be tuned but should stay inside the family colors.
  • Behavior — glitch trigger points are tunable (current default: hero load plus promise scroll-into-view; a third can be added on a longer page's CTA). Bounce intensity, rotator speed, and card count (auto-fits four to eight) are all adjustable.

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.