Gallery screenshot, saved 2026-10-24
How it’s built
- Layout
- A pale field with subtle dimensional-looking white tiles and green accents centers a black two-line uppercase heading, small overline and centered paragraph. Green circular menu sits upper left, partner identities upper right and scroll cue lower left.
- Type
- Heavy black uppercase sans title, smaller uppercase overline and regular centered sans paragraph.
- Color and surface
- Warm white and pale gray with restrained green accents and black typography.
- Components
- A centered bold uppercase title and paragraph sit over pale raised tiles with green accents and sparse corner navigation.
What makes it work
- Pale dimensional-looking tiled field
- Subtle green accents
- Centered bold black uppercase title and paragraph
- Sparse corner navigation
On a new subjectFor a public recycling education project, center a bold black uppercase title and paragraph over pale raised tile-like forms with green accents and sparse corner navigation.
Live behavior
- Today
- The directly captured live page has a light gray-to-white court-like surface, with pale raised rectangular court tiles and scattered green accents. At the top are two circular green controls at left (Arabic language and menu) and CBA/Aramco marks at right. A centered small all-caps project label sits above a large, bold, black sans-serif two-line “SHOOT FOR THE FUTURE” heading; a short centered paragraph follows. A cookie-consent panel overlays the bottom edge, with settings, reject, and accept controls. These descriptions are visual estimates from the bound screenshot; no CSS implementation is inferred.
- Responsive
- At 1440×1000, the headline and body remain centered with ample open space. At 768×1024, the same composition is narrower, the heading is smaller, and the paragraph wraps into a narrower block. At 390×844, the hero heading spans two lines at a larger share of the viewport width; the top controls and partner marks remain visible, while the cookie-consent panel stacks its buttons vertically. These are the three sampled screenshots only.
- Scroll
- All three assigned screenshots are initial viewport states at scroll_y 0. The measurement files report document heights of 22,862 px at desktop, 23,338 px at tablet, and 19,408 px at phone. Later content and scroll behavior were not inspected.
