Gallery screenshot, saved 2026-10-24
How it’s built
- Layout
- A browser-framed white page is presented over a vivid orange exterior portrait. Inside, a central upload tile is surrounded by a ring of eight small rounded fashion photographs, some tilted. Large two-tone lower-left copy, a tiny right column of outlined category labels and compact top controls complete the page. Browser chrome and orange portrait are presentation context.
- Type
- Large regular sans lower-left proposition in black and gray, tiny sans utility and category labels. Exact font and metrics unknown.
- Color and surface
- White page, black/gray type, thin pale outlines, small photographic tiles and black pill controls.
- Components
- Central upload tile, circular arrangement of rounded photos, lower-left statement, category labels and top controls.
What makes it work
- White field with central outlined upload tile
- Loose ring of rounded photographic tiles
- Large black/gray lower-left statement
- Right-hand stack of outlined category labels and compact top controls
On a new subjectFor a community oral-history submission service, arrange original rounded interview portraits in a loose ring around a central outlined upload tile on white, with a large black/gray lower-left invitation and small outlined format labels on the right.
Live behavior
- Today
- The rendered desktop hero uses a white field, black and gray sans-serif headline, and rounded fashion-image tiles arranged around a central upload prompt. A compact black pill groups Menu, a moon icon and a percentage; the logo, account and Get started controls sit across the top. A cookie settings card overlays the lower right. At the sampled scrolled position, a large On-brand visuals. Made by AI. heading introduces a rounded product-demonstration area.
- Responsive
- At 1440×1000 the headline sits near the lower left and the image ring dominates the center. At 768×1024 and 390×844 the headline moves above the ring, with smaller image tiles; the mobile frame shows a reduced header and a cookie card covering the lower portion. The reduced-motion fresh load lacks the visible cookie card. These are sampled views, and different load/consent states prevent attribution to viewport alone.
- Scroll
- The desktop-scroll state records actual scrollY 750 CSS px in a 1440×10393 document. Its screenshot shows the lower hero and beginning of a product-demonstration section; the header remains at the top and its percentage changes from 0% in the t2 frame to 8% in the scroll frame. The sampled association does not establish the control’s implementation or complete scroll behavior.
