Live capture at 1440px, 2026-10-24
How it’s built
- Layout
- A vivid multicolor gradient bounded page centers a dimensional-looking purple booklet with tickets, over a huge white title extending across the field; small upper controls and centered lower action.
- Type
- Huge heavy rounded white uppercase title, small white sans support and controls.
- Color and surface
- Cyan, violet, yellow and orange gradient, purple booklet and white type.
- Components
- A central dimensional-looking booklet overlaps oversized white text on a vivid multicolor gradient with small controls.
What makes it work
- Vivid multicolor gradient
- Central dimensional-looking booklet overlapping oversized white uppercase text
- Small top controls and centered lower action
On a new subjectFor a public reading challenge, place an original dimensional-looking illustrated booklet over huge white uppercase text on a vivid multicolor gradient, with small top controls and centered lower action.
Live behavior
- Today
- The 1440px t0 screenshot shows a vivid blue-to-orange/pink gradient hero, Klook header, a large passport illustration crossing the oversized “BEST YOU” display lettering, and a centered quiz invitation; a translucent cookie panel covers the lower-left. At t2 the page is in a quiz frame with a large angled passport-card backdrop, overlapping photo cards, a centered image card, white prompt, and a “Next” control. A fixed cookie panel remains at lower-left. The introductory and quiz frames are separate captured states; the screenshot does not establish how the transition is triggered.
- Responsive
- At 768px the quiz-card composition fills most of the viewport and the lower-left cookie panel obscures the card caption and part of the lower controls. At 390px, the Klook header remains, the centered card stack is narrow, and the cookie panel covers much of the lower card and adjacent content. On the reduced-motion fresh-load screenshot the opening passport hero is shown with a wide bottom cookie panel. These sampled widths/states show substantial overlay occlusion and do not establish every breakpoint.
- Scroll
- The desktop-scroll-labeled measurement records actual scrollY 0 and a 1000px document height. The screenshot remains on the quiz card frame; the altered background artwork does not establish a scroll response.
