Gallery screenshot, saved 2026-10-24
How it’s built
- Layout
- A warm pale page pairs a huge left-aligned black three-line sans headline and yellow underline with a small right serif paragraph, above a wide rounded robot image.
- Type
- Large heavy black sans headline; small serif body and compact utilities.
- Color and surface
- Warm pale gray, black text, yellow underline and photographic-looking image.
- Components
- A large left bold heading and small right serif paragraph sit above a wide rounded image.
What makes it work
- Warm pale field
- Large left bold sans heading with yellow underline
- Small right serif paragraph
- Wide rounded photographic-looking image
On a new subjectFor a public recycling program, pair a large left bold sans title and yellow underline with a small right serif paragraph above a wide rounded recycling image.
Live behavior
- Today
- The current Everyday Robots page opens on a near-white field with a narrow black top bar: a small silver geometric mark at left and tightly spaced uppercase project, factory, careers, blog, and search controls at right. A full-width photograph of a white robotic arm working at a recycling station fills the 1440×800 desktop hero below the 70px header. At actual desktop scrollY 750, the image ends at the viewport top and an editorial introduction appears beneath it: a large “Everyday Robots” heading, a short premise, a Google/2023 attribution, and a wider mission paragraph. Tablet shows the landscape photo followed by the heading and body. Both 390px phone screenshots show the compact black header, a 228px-tall robot photograph, and the heading, premise, attribution, and mission copy below it. This current image-first layout is distinct from the old selected gallery image.
- Responsive
- The 1440×1000 desktop capture has document height 10723px and a measured 1440×800 hero image at y=70. The 768×1024 tablet has document height 8515px and a 768×448 hero image at y=70. The 390×844 phone has a 390×228 hero image at y=70, followed by a visible 44px heading and copy in both ordinary and fresh reduced-motion screenshots. Google Sans 18pt is the sampled actual font family in captured text/navigation. These viewport samples do not establish breakpoints.
- Scroll
- The desktop-scroll screenshot is measured at actual scrollY 750 in a 1440×10723 document. It shows the end of the large photo at the viewport top and the introduction below, with the black nav bar visible. One frame does not establish whether the bar is sticky or how the scroll state was reached.
