Live capture at 1440px, 2026-10-24
How it’s built
- Layout
- A pale blush upper panel holds a large black three-line German statement and compact choir identity/menu at the upper right; a small play-like mark and short tagline sit upper left. The panel ends at a hard horizontal boundary where a wide group photograph begins. A vertical NEXT/CONCERT index sits along the left edge.
- Type
- Large black high-contrast serif statement; small geometric sans identity/navigation and edge index. Exact font and metrics are unknown.
- Color and surface
- Pale pink surface and black type above a bright outdoor group photograph with green trees and red/black clothing accents.
- Components
- Large editorial statement panel, choir identity/menu, left-edge vertical section index and full-width choir photograph below.
What makes it work
- Large pale text panel
- Prominent editorial statement
- Full-width group photograph immediately below
- Edge-aligned vertical section marker
On a new subjectFor a neighborhood emergency-volunteer recruitment campaign, place a concise call to join on a pale upper panel, follow it immediately with an original group portrait, and keep a vertical edge index for training dates and service areas. Replace choir identity and copy with verified civic response information.
Measured
Fonts loadedPlayfair Display, Syne
H10px / 400
Page background#ffffff
Text color#000000
Page height4,112px
Computed CSS at 1440px, 2026-10-24.
Live behavior
- Today
- Desktop initial sequence shows a dark field and centered high-contrast serif text; scroll image shows a full-bleed choir performance photograph. Tablet and phone reveal a pale pink editorial hero with black serif uppercase statement, compact sans identity and large group photograph.
- Responsive
- Tablet displays wide hero and group photograph; phone stacks them and has a narrow side concert tab.
- Scroll
- Desktop t0 blurred text resolves into Seit 1981 at t2; no continuous trajectory inferred. Hover timed out. Scroll image is a performance photograph; actual recorded scroll matters. Fresh reduced-motion phone shows additional text below the image versus normal phone; reload/timing confounds.
