Gallery screenshot, saved 2026-10-24
How it’s built
- Layout
- Large alpine photograph fills a centered inset page, surrounded by thick navy margin. Cool dark overlay across snow scene. Tiny logo and nav at top corners. Centered two-line serif headline and small tracked uppercase subtitle, with horizontal search fields and magenta action below.
- Type
- Refined large serif display, small uppercase widely tracked sans subtitle, tiny nav, compact form labels. Exact family and metrics unknown.
- Color and surface
- Deep navy surround, blue-gray snow scene, white text and controls, vivid magenta action. White search fields with modest corners; no strong shadows visible.
- Components
- Brand mark, navigation, centered heading/subheading, three search fields, and bright action button. Continuous landscape provides context behind controls.
What makes it work
- single scenic photo
- centered title hierarchy
- compact aligned search action
On a new subjectFor another booking or discovery service, retain one context-rich image, centered concise promise, tracked descriptor, and compact subject-relevant search controls.
Prompts
Create an original website image for {{website_name}} in {{industry}}, serving {{audience}}, presenting {{content}} and making {{functionality}} apparent.
INVARIANTS: Center a short title and compact descriptor above a segmented task/input row within a dim panoramic photograph; utilities remain at the outer edges.
TYPOGRAPHY: Use a medium-scale refined serif title and tiny uppercase utilities; segmented controls use concise plain labels.
COLORS AND SURFACES: Dark photographic values, pale text and light input fields with one vivid action accent.
IMAGERY: Use a new wide subject image with quiet central space. Mountains, travel inputs and the outer gallery frame are variables.
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: Stack task fields below the title with full labels and a clear action; preserve the photographic field without keeping a tiny desktop-sized input row. 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: Center a short title and compact descriptor above a segmented task/input row within a dim panoramic photograph; utilities remain at the outer edges.
TYPOGRAPHY: Use a medium-scale refined serif title and tiny uppercase utilities; segmented controls use concise plain labels.
COLORS AND SURFACES: Dark photographic values, pale text and light input fields with one vivid action accent.
IMAGERY: Use a new wide subject image with quiet central space. Mountains, travel inputs and the outer gallery frame are variables.
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: Stack task fields below the title with full labels and a clear action; preserve the photographic field without keeping a tiny desktop-sized input row. 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.
