Live capture at 1440px, 2026-10-24
How it’s built
- Layout
- White field; thin simple top identity/menu/about row, large inset documentary image, small lower-left caption; image remains dominant.
- Type
- Small regular black sans identity, underlined link and caption; no large heading competes with the image.
- Color and surface
- White page, fine pale header divider and a broad colorful documentary photograph.
- Components
- Slim identity/menu/about row, inset image and a short lower-left caption.
What makes it work
- A large inset documentary image framed by a slim header and one small caption.
On a new subjectFor a geology field archive, use a broad inset outcrop photograph beneath a slim header, with a small lower-left location caption.
Measured
Fonts loadedInter
H116px / 300
Body text12px
Page background#ffffff
Text color#000000
Page height24,748px
Computed CSS at 1440px, 2026-10-24.
Live behavior
- Today
- The opening page is mostly white, with a slim header placing “Index_Georgia” at left, a centered menu icon, and “About project” at right. A wide photograph of two people facing a painted wall mural anchors the page; the short archive description sits below it, followed by substantial white space. Desktop shows a narrow cookie notice along the lower edge with Privacy policy, Decline, and Accept controls. The ordinary phone frame also shows this notice; it is absent from the fresh reduced-motion phone frame. The selected gallery image shows the same opening composition, with slightly different framing.
- Responsive
- Desktop is 1440×1000 with a 1440×24748 document; the captured scroll state is at actual scrollY 750. Tablet is 768×1024 with a 768×25758 document. Phone and fresh reduced-motion phone are 390×844 with 390×32962 documents. At phone width the header remains a small title/menu/link row and the mural fills most of the content width. The ordinary phone state includes cookie controls at the bottom, while the fresh reduced-motion state has no visible cookie notice. The description is measured at x=10,y=550 with a 370×48 box on phone versus x=124,y=672 with a 380×48 box on desktop. These viewport samples do not establish breakpoints.
- Scroll
- The desktop-scroll image is measured at actual scrollY 750 in a 24748px document. It shows two narrow columns of historical text and several street-art images, while the header and cookie notice remain visible in the captured viewport. This single saved position does not establish sticky behavior or the scrolling mechanism.
