Live capture at 1440px, 2026-10-24
How it’s built
- Layout
- Pale cream page with large purple statement highlighted by rounded yellow and orange blocks; below is a pink band with repeated purple word and diamond motifs.
- Type
- Large bold purple sans statement and condensed uppercase display type below.
- Color and surface
- Cream, purple, yellow, orange, pink and mint.
- Components
- Highlighted words, pill, repeated graphic band and partial lower strip.
What makes it work
- Purple oversized statement with colored highlights above a pink repeated graphic band.
On a new subjectFor a children’s arts program, combine purple oversized text, colored highlights and a repeated motif band.
Live behavior
- Today
- The desktop t0 frame shows a pale peach field with a large purple dimensional Viens-là wordmark, a small studio label and bottom navigation. At t2 a large yellow cookie panel covers the page, with purple text and two rounded actions. Tablet and ordinary phone also show the panel; the separately loaded reduced-motion phone instead shows the wordmark, studio label, yellow video button and bottom menu. The selected live reference shows the same hero without that panel; the separate gallery image shows an English text section and bright colored bands.
- Responsive
- Desktop 1440×1000, tablet 768×1024 and phone 390×844 all measure viewport-height documents at y=0. The tablet cookie panel extends beyond the right edge, clipping its text and action; the phone panel fits and stacks its two actions. The fresh phone hero and ordinary phone panel are separate states, not a controlled responsive comparison. Body background measures rgb(95,69,242), unlike the pale visible field.
- Scroll
- Desktop-scroll remains at y=0 in a 1440×1000 document and shows the cookie panel; no lower-page scroll behavior is established.
