Live capture at 1440px, 2026-10-24
How it’s built
- Layout
- White editorial page with top image strip: historical alpine portrait, blurred center and darker scene. Huge centered serif title sits in thin angular outline. Rows of outlined names lead into dense multi-column text; small lime plus marks line right edge.
- Type
- Very large black editorial serif title; medium serif names in fine angular tags; tiny mono-like metadata and small serif body. Strong descending scale; exact metrics unknown.
- Color and surface
- White/black, muted archival images, pale outlines and fluorescent yellow-green accents. Fine borders define tags/title; no raised cards.
- Components
- Image strip, outlined title, subject-name tags, right-edge plus glyphs and multi-column prose.
What makes it work
- Keep image-to-title-to-index-to-prose sequence
- Use rules without card surfaces
- Keep prose legible
On a new subjectFor a municipal budget explainer, begin with a broad strip of original department photographs or clear diagrams, followed by one large serif title. Place a compact topic index between that title and dense readable columns of factual notes. Preserve the thin index treatments and descending type scale; use accurate budget content rather than exhibition names or artistic source imagery.
Prompts
Create a visual direction for {{website_name}} in {{industry}} for {{audience}}, shaping {{content}} and supporting {{functionality}}.
COMPOSITION INVARIANTS: Place a broad image band above a large centered title; follow with a compact row of outlined topic labels and dense editorial text in aligned columns. Keep the heading and image sequence distinct from the reading area. Preserve the observed visual hierarchy and spacing relationships, not the source-specific object inventory.
TYPE: Use high-contrast serif display and body text, with small serif topic labels and restrained utility marks. Set a readable scale step between display text, supporting copy, captions, and utilities. Do not name a font family.
SURFACE AND COMPONENTS: Keep the page pale with dark type, fine boundaries, and limited accent marks; let imagery carry its own color. Component roles: Image strip, framed title treatment, small index chips, multi-column prose and optional compact controls. Keep controls visually distinct and subordinate to the main content.
IMAGE DIRECTION: Use a varied, subject-relevant image selection; one blurred or abstract image is optional, not required. Proportion estimate from the selected still: Visual estimate: top image band about 45% height; title/chips 25%; prose starts in lower third. Treat it as an estimate, not fixed CSS geometry.
VARIABLES: Adapt names, details, image subjects, palette accents, and working actions to {{website_name}}, {{industry}}, {{audience}}, {{content}}, and {{functionality}}.
PROHIBITIONS: Use original copy and assets. Do not reproduce the source brand, exact wording, photographs, illustrations, products, people, or signature artwork; source-specific objects and motifs are optional only when they genuinely fit the new subject.
CONTINUATION: Continue with readable editorial sections that retain the same image/title/text sequence.
RESPONSIVE PROPOSAL: Wrap chips and stack the prose into one column; stack or deliberately scroll the image strip while preserving order. These are design proposals, not observed mobile behavior. The selected still does not establish source fonts, CSS, implementation technology, motion, or control behavior. Do not present any of those as observed. Implement requested {{functionality}} as working new behavior without implying source validation.
Implement a responsive page for {{website_name}} in {{industry}} for {{audience}}, presenting {{content}} and working {{functionality}}.
INVARIANTS: Place a broad image band above a large centered title; follow with a compact row of outlined topic labels and dense editorial text in aligned columns. Keep the heading and image sequence distinct from the reading area. Keep the same relative prominence and spacing without requiring the same source objects.
TYPE AND SURFACES: Use high-contrast serif display and body text, with small serif topic labels and restrained utility marks. Keep the page pale with dark type, fine boundaries, and limited accent marks; let imagery carry its own color. Maintain clear display/body/utility scale, readable line lengths, and sufficient contrast. Components: Image strip, framed title treatment, small index chips, multi-column prose and optional compact controls.
IMAGERY AND SCALE: Use a varied, subject-relevant image selection; one blurred or abstract image is optional, not required. Visual estimate only: Visual estimate: top image band about 45% height; title/chips 25%; prose starts in lower third. Use flexible widths and content-led dimensions; do not copy this screenshot's coordinates as fixed values.
VARIABLES: Adapt names, details, image subjects, palette accents, and working actions to {{website_name}}, {{industry}}, {{audience}}, {{content}}, and {{functionality}}.
PROHIBITIONS: Use original copy and assets. Do not reproduce the source brand, exact wording, photographs, illustrations, products, people, or signature artwork; source-specific objects and motifs are optional only when they genuinely fit the new subject.
CONTINUATION: Continue with readable editorial sections that retain the same image/title/text sequence.
RESPONSIVE PROPOSAL: Wrap chips and stack the prose into one column; stack or deliberately scroll the image strip while preserving order. Use semantic content, keyboard-operable controls, visible focus, meaningful alt text, and no clipped content. The selected still does not establish source fonts, CSS, implementation technology, motion, or control behavior. Do not present any of those as observed. Implement requested {{functionality}} as working new behavior without implying source validation.
Measured
Fonts loadedPractice, Organigramm-15-90
H1120px / 400
Body text16px
Page backgroundtransparent
Text color#000000
Page height1,000px
Computed CSS at 1440px, 2026-10-24.
