Live capture at 1440px, 2026-10-24
How it’s built
- Layout
- A white bounded page shows small circular project images loosely orbiting a tiny centered paragraph. A bold black identity sits upper left; an open black menu panel occupies upper right and a dark pill sits lower left. Exterior glossy circular objects are staging.
- Type
- Bold compact sans identity, tiny centered regular sans paragraph and larger light menu text. Exact fonts and metrics unknown.
- Color and surface
- White field with black menu and pill, small full-color circular image thumbnails.
- Components
- Arrange small circular photographs loosely around tiny centered copy on white, with a bold corner identity and a contrasting open black menu panel.
What makes it work
- White field with loose ring of circular thumbnails
- Tiny centered descriptive copy
- Bold corner identity
- Black corner menu panel
On a new subjectFor a public food bank, arrange circular photographs of food and volunteers around a small centered service description on white, keeping a bold corner identity and contrasting black menu panel.
Measured
Fonts loadedNeue Montreal
H116px / 500
Body text16px
Page background#fdfdfc
Text color#12110d
Page height10,000px
Computed CSS at 1440px, 2026-10-24.
Live behavior
- Today
- OffMenu current saved desktop is an almost-white open field with a large black O/M mark top left, minimal dot/grid controls top right, a black rounded contact action bottom left and small dotted indicator bottom right. Nine circular-looking project-image crops of varied apparent sizes surround a small two-line centered statement. This differs from selected gallery imagery and remains separately versioned.
- Responsive
- At768px the same distributed ring/centered-copy hierarchy stays, with smaller project circles and broad blank margins. At390px copy reduces from16px to12px and imagery becomes much smaller; the leftmost circle is partly outside the viewport. Header mark and bottom contact remain prominent relative to tiny projects. Sampled image element border_radius0 does not invalidate the visible circular clipping; mask/ancestor mechanism unknown.
- Scroll
- Actual desktop scroll750px occurs in10000px document. Central heading remains atx568.796875,y475,width302.390625,height50 while image positions and ordering around the ring change; header/contact remain in the same screen corners. This supports sampled scroll-associated ring redistribution rather than a newly revealed vertical content section. Continuous motion path, direction, easing and causal separation from time not tested.
