Core30 Eye-Candy Library
All parts Homepage templates
Skin

Homepage templates

Whole homepages, harvested from design rounds and de-client-ified: the layout, type, motion and people-free plates stay; the wordmark, copy, reviews, figures and photos are neutral slots. Each one is a single component a build can start from. Scroll the desktop preview to read the whole page; the phone frame shows the 390 px layout.

1 template · registry kind page-template, sectionType homepage-template · pnpm run select --page homepage --section homepage-template ranks them

Desktop, live (scroll inside the frame)

Phone, 390 px

Second Season (homepage template)

Harvested 2026-10-23 from a Core30 client build (owner-tagged): the design round 1 world "Second Season", the first entry of the homepage-template offering; demo brand Kelder Medical (invented, not a real clinic)

homepage Tier 2 · island 6.5 KB JS reduced-motion ✓

Vibe: kinetic · bold · warm · premium

Motion: GSAP core + ScrollTrigger (R38), every tween inside gsap.matchMedia. Five signature moves: the rotor .ec-hss-rotor (each word holds --ec-loop-hss-hold 2.6s, swaps in --ec-loop-hss-swap 0.8s expo.inOut with the plate crossfade and the scene progress bars; paused off screen and by a Pause scenes button), the curtain call [data-hss-curtain] (the accent field wipes in from the left, power4.inOut), the season row [data-hss-season] (1024+ and 840+ tall: pinned and scrubbed sideways, scrub 0.7, with a progress bar), the scorecard [data-hss-score] count-up (power3.out), the velocity-aware activity marquee (--ec-loop-hss-marquee 46s). Plus band reveals, the court lines drawing, the bib swing (back.out), the fixture card slide and the map's towns popping in. Resting frame: first scene, every word and field shown, the season row as a weighted grid (1024+) or a native swipe row.

Taste: Clean on the five checks (judged with the token contract loaded). Glow: none (the hero scrim is three linear gradients; shadows are offset and ink-tinted). Gradient text: none. Blur: backdrop-filter only on the fixed header island and the fixed mobile bar (TASTE-SPEC 3 allows fixed/sticky). Pure black: none (ink #121A1D). Easing: CSS transitions read --ec-ease-out and a custom in-out curve; GSAP uses expo, power2/3/4, back and sine eases; ease none only for the scene bars, the marquee loop and the scroll scrub (TASTE-SPEC 7 scrub precedent). Source world passed design lint 0 FAIL / 0 WARN at its gate.

Open the full page