Live capture at 1440px, 2026-10-24
How it’s built
- Layout
- Full-frame soft-focus architectural photograph, seen through pale vertical curtain folds. Hotel name and location are centered over the narrow clear opening; small line-art symbols sit around the perimeter. Minimal menu mark at top left, emblem at top right, year at bottom left and key icon at bottom right occupy the corners.
- Type
- Centered cream high-contrast serif wordmark stacked over several lines, with small widely tracked location text; corner navigation symbols and year are tiny. Typeface metrics not measurable from raster.
- Color and surface
- Muted olive-gray and cream fabric shapes blur across the foreground; the central gap reveals pale sky and brick architecture. Cream type and line icons remain low contrast but legible. No cards or panel surfaces.
- Components
- Corner menu, emblem, four fine line illustrations, centered hotel name/location, date and key glyph. All elements float over the photographic scene.
What makes it work
- Full-frame atmospheric image
- Centered stacked identity
- Peripheral micro-navigation
On a new subjectUse an atmospheric scene with a deliberately quiet center for a compact stacked identity. Keep navigation at the edges and replace hotel-specific setting and symbols.
Prompts
Create an original website image for {{website_name}} in {{industry}}, serving {{audience}}, presenting {{content}} and making {{functionality}} apparent.
INVARIANTS: Place a narrow centered multi-line title over one softly veiled architectural or environmental image, with tiny peripheral symbols and corner navigation.
TYPOGRAPHY: Use a fine serif title with generous vertical separation and much smaller tracked utility text.
COLORS AND SURFACES: Muted green-gray or another quiet photographic palette with pale text and a low-contrast veil.
IMAGERY: Use one new physical setting with depth and texture; source building, emblems and drawings are optional subject details.
VARIABLES: Supply original identity, writing, imagery, accent hues and tasks for {{website_name}}, {{industry}}, {{audience}}, {{content}} and {{functionality}}.
PROHIBITIONS: Do not copy source branding, wording, photographs or signature artwork. Do not turn privacy notices, submission frames or cut-off essential text into style rules. Avoid generic card stacks, extra decorative panels or an unrelated large hero heading when they erase the specified hierarchy.
CONTINUATION: Translate the same relative type scale, alignment and image treatment into the next real content section; give that section a clear purpose rather than duplicating the hero.
RESPONSIVE PROPOSAL: Retain the narrow title stack and centered rhythm, choose a mobile crop with quiet backing, and move decorative symbols away from the text. Render clear, readable original text and subject-appropriate controls with consistent spacing. These proportions are visual reproduction targets, not common measured CSS. The selected still does not establish source fonts, technology, motion, hover or responsive behavior. Preserve those evidence limits; this prompt remains unvalidated.
Build a functioning responsive website for {{website_name}} in {{industry}} for {{audience}}, using {{content}} and working {{functionality}}.
INVARIANTS: Place a narrow centered multi-line title over one softly veiled architectural or environmental image, with tiny peripheral symbols and corner navigation.
TYPOGRAPHY: Use a fine serif title with generous vertical separation and much smaller tracked utility text.
COLORS AND SURFACES: Muted green-gray or another quiet photographic palette with pale text and a low-contrast veil.
IMAGERY: Use one new physical setting with depth and texture; source building, emblems and drawings are optional subject details.
VARIABLES: Supply original identity, writing, imagery, accent hues and tasks for {{website_name}}, {{industry}}, {{audience}}, {{content}} and {{functionality}}.
PROHIBITIONS: Do not copy source branding, wording, photographs or signature artwork. Do not turn privacy notices, submission frames or cut-off essential text into style rules. Avoid generic card stacks, extra decorative panels or an unrelated large hero heading when they erase the specified hierarchy.
CONTINUATION: Carry the relative type scale, alignment and image treatment into appropriate content sections without repeating the hero or inventing irrelevant features.
RESPONSIVE PROPOSAL: Retain the narrow title stack and centered rhythm, choose a mobile crop with quiet backing, and move decorative symbols away from the text. Use semantic reading order, meaningful image descriptions, keyboard-operable controls and visible focus. Check display text bounds after the chosen fonts load at desktop and phone widths; keep complete essential text inside its container. Verify the actual requested actions rather than styling inert controls. Respect reduced-motion preferences if new motion is added. These proportions are visual reproduction targets, not common measured CSS. The selected still does not establish source fonts, technology, motion, hover or responsive behavior. Preserve those evidence limits; this prompt remains unvalidated.
Measured
Fonts loadedSteinbeck, NeueSumerian, Office Times Sharp Mono, Atari, Mars-Extended-Regular, Feijoa-Medium
H140px / 400 / 8px
Body text16px
Page background#fdf8ef
Text color#1a1a1a
Page height8,581px
Computed CSS at 1440px, 2026-10-24.
