Live capture at 1440px, 2026-10-24
How it’s built
- Layout
- A bounded photographic hero shows a tightly packed group viewed from above, its central figure emphasized by the surrounding red clothing. A compact stacked identity occupies upper left; tiny bracketed links run across the upper right. Centered lower-middle text combines two heavy white sans lines with a fine italic serif final line. Thin guide-like rules cross the image; bracketed contact and scroll labels sit in lower corners. Outer black halftone fabric-like field has uncertain page membership and is excluded.
- Type
- Heavy compact uppercase sans main lines contrast with an equally broad thin italic uppercase serif line; tiny bold bracketed sans utilities.
- Color and surface
- Darkened dramatic photography dominated by deep red, black and skin tones; white display and utility text with faint gray rules.
- Components
- Photographic field, compact identity, bracketed navigation/corner cues and mixed sans/italic-serif statement.
What makes it work
- Dense dramatic full-field documentary image
- Heavy uppercase sans statement paired with thin italic serif concluding line
- Tiny bracketed edge utilities
- Strong light-on-dark text contrast
On a new subjectFor a community emergency-training program, use an original tightly grouped volunteer photograph with dark tonal control. Set a heavy white uppercase preparedness statement and a thin italic-serif concluding phrase at center, with tiny bracketed navigation/contact labels at the edges. Replace film-production copy and source imagery.
Measured
Fonts loadedNeue Haas Grotesk Display Pro, PP Eiko Italic
H240px / 900
Body text12px
Page background#000000
Text color#000000
Page height1,000px
Computed CSS at 1440px, 2026-10-24.
Live behavior
- Today
- Immersive full-viewport film footage with a compact bold two-line wordmark in the upper left and tiny bracketed uppercase navigation across the top. Two dense numbered project lists occupy the right half at mid-height, introduced by small black-on-white strips. A black lower-right information area contains compact credits, a larger heavy project title and a small preview. Text is tightly tracked and sometimes changes apparent contrast/color against the footage. Several narrow flat bars appear across list rows.
- Responsive
- Tablet/phone move both project lists into a vertical stack at upper left and replace the full navigation with a bracketed Menu at upper right. List/menu typography remains12px/11.52px, weight700, tracking-0.36px. Back and Next move to opposite bottom corners; the desktop credits/project panel is not visible in these narrow images. Ordinary main VIDEO bounds exceed the viewport by12% overall, measuring436.8x945.28px at-23.4,-50.64 on phone; fresh preference phone VIDEO is390x844 at0,0. The images show different scenes/initialization, so these bounds do not establish a single responsive crop rule for every state.
- Scroll
- At actual scrollY750 the visible scene becomes a hot-pink field with tightly set white about copy in the upper-right region and a full-width social-link strip. Large stepped white blocks cover much of the lower-right region. A source-bound lossless crop confirms actual saved white pixels, with91.4075% of the selected800x400px crop near-white; this is not solely the image viewer suppressing repeated content. Whether these blocks are intended transition artwork, a temporary loading/rendering state or a defect is unknown. Raw old project-list/credits samples remain at viewport-like coordinates but are not visible and are excluded from this frame.
