Live capture at 1440px, 2026-10-24
How it’s built
- Layout
- A white bounded panel has compact black identity upper left and three black navigation tabs upper right, each with a different silhouette: capsule, pointed polygon and rectangle. At center, three lines of large heavy black sans text include a bright yellow starburst inline in the second line and a small rectangular project photograph inline in the third. Much of the lower page remains empty. Exterior architectural photo is gallery framing.
- Type
- Large bold clean mixed-case sans statement; compact uppercase sans navigation and small identity. Graphic and photo interruptions sit within text lines rather than forming a side illustration.
- Color and surface
- Pure white field, black typography and solid navigation shapes, one yellow starburst and one small color photograph. No visible card shadows.
- Components
- Compact header, differently shaped nav tabs, large centered statement with inline symbol/photo and broad white space.
What makes it work
- Open white field and large bold black centered statement
- Bright simple inline symbol
- Small inline project image integrated with type
- Compact differently shaped solid navigation tabs
On a new subjectFor a community food-rescue service, center a bold black three-line access statement on white, interrupt one phrase with an original yellow radial symbol and another with a small volunteer photograph. Preserve compact differently shaped black navigation tabs and large white margins; replace spatial-design copy and assets.
Measured
Fonts loadedPoppins Regular, Poppins Black, Poppins Bold, Poppins SemiBold, Poppins Medium, Magiel Black
H152px / 700
Body text12px
Page background#ffffff
Text color#000000
Page height10,901px
Computed CSS at 1440px, 2026-10-24.
Live behavior
- Today
- Black field with enormous yellow uppercase lettering clipped beyond both horizontal edges. A small white identity sits upper left; three white navigation shapes occupy upper right: capsule, faceted hexagon and rectangle. A bold white statement sits below/right of the moving giant letters, with changing individually animated wording. The next observed region is a broad inset project video. A rounded white consent card covers the lower right.
- Responsive
- Desktop marquee declares807px/807px Poppins Black at weight900; visible ink occupies only part of this line box and the word is heavily cropped. Tablet/phone retain the oversized crop rather than shrinking the whole word to fit. Header replaces three labeled geometric tabs with a three-line menu icon. Supporting statement changes52px/62.4px desktop to46px/55.2px on both tablet and phone. Tablet places it beneath the marquee; phone overlaps part of the yellow letter, wraps and extends behind consent. The full changing phrase is not visible on phone, so a clean responsive hero is not established.
- Scroll
- Actual scrollY750 exposes a project VIDEO at26.667,265 with1386.667x780px bounds. The remaining giant letters are clipped at the top, supporting phrase letters sit at different vertical positions and the three white tab shapes remain at upper right. Consent still covers the video corner. The video shows a branded exhibition installation, which is source imagery rather than the website UI typography. No playback controls or project-opening action was tested.
