Gallery screenshot, saved 2026-10-24
How it’s built
- Layout
- Cream-white field; huge lime year numerals sit behind the foreground wordmark. “Wrapped” and “Party” stack in heavy white lettering with black block/outline layers, while cropped black optical rings enter from the left and a thin looping line crosses behind.
- Type
- Heavy rounded display lettering in stacked outline layers; exact face unknown.
- Color and surface
- Off-white field, black ring/outline, lime, white lettering.
- Components
- Oversized lime numerals, stacked white/black-block title, cropped optical rings and thin loop.
What makes it work
- Large background numerals or equivalent secondary letterform
- Stacked outlined/block-contrast foreground words
- Cropped optical rings entering from one side
On a new subjectFor a city science festival, place its event year in giant background numerals, stack the festival name in outlined foreground lettering, and add cropped optical rings at one side. Replace source identity and palette.
Live behavior
- Today
- In the Oct 29 capture, the page presents a full-viewport pale warm-gray field with a large layered lime/cream/black “Wrapped Party 2025” wordmark, black concentric arcs and thin freeform lines, compact top controls, centered instructions and QR code, and a small legal/footer row. Colors beyond the computed page background and all graphic geometry are screenshot-based visual estimates, not DOM/CSS measurements.
- Responsive
- The desktop sample is 1440×1000; tablet is 768×1024; phone is 390×844. At tablet width, the layered wordmark spans nearly the viewport width and the QR/instruction block remains centered below. At phone width, the wordmark is reduced and centered above wrapped instructions, QR, and a two-row footer. The tablet and ordinary phone measurements each report zero sampled Web Animations API entries; the separate reduced-motion fresh-load phone measurement reports one. These are three discrete captured widths, not measured breakpoint thresholds. Every paired document reports viewport-sized dimensions and scroll_y=0.
- Scroll
- The state labeled desktop-scroll has scroll_y=0, document height 1000 px, and a screenshot visually matching the top viewport composition. It does not show a below-fold state and provides no evidence of scroll-triggered behavior.
