Live capture at 1440px, 2026-10-24
How it’s built
- Layout
- Warm gray candle photograph: pale jar centered on an outstretched hand entering from the left; hard sunlight leaves open background right. Slim white utility rows repeat shipping text and carry menu/shop links around centered AATHER mark. Large fine serif line and underlined shop action sit low.
- Type
- Small serif announcement and compact sans links frame thin uppercase identity. A larger light serif campaign line sits low with small underlined action at right. Font metrics unknown.
- Color and surface
- Taupe-gray, skin, dark red sleeve, pale vessel; natural hard shadow. White strips only interface surfaces; no card shadow.
- Components
- Repeated shipping notice, split utility row, centered mark, lifestyle hero, caption and shop link.
What makes it work
- Keep identity small relative to photo
- Place brief copy in low-detail space
- Pair it with one clear action
On a new subjectFor a musical-instrument repair service, stage one original instrument in a technician’s hands against a quiet, warm physical background. Keep the identity and service navigation in shallow rails and place a short repair message and booking link in calm image space. Transfer tactile lighting and the image-to-utility scale relationship; do not require a candle, ceramics or product commerce.
Prompts
Create an original website image for {{website_name}} in {{industry}}, serving {{audience}}, presenting {{content}} and making {{functionality}} apparent.
INVARIANTS: Place two shallow commerce/navigation rows above one expansive warm still-life image; use a small caption near the bottom and a modest edge action, leaving the central object scene open.
TYPOGRAPHY: Small restrained serif/sans utilities and caption; avoid a large display slogan.
COLORS AND SURFACES: Muted warm neutral scene, pale rails and soft sunlight/contact shadows; exact hue is variable.
IMAGERY: Photograph one original tactile object supported or held in a real setting, occupying roughly one-third width; candle and hand are optional subject choices.
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: Keep the shallow navigation compact, preserve material texture and light through a mobile crop, and place the caption/action close to the scene without obscuring the object. 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 two shallow commerce/navigation rows above one expansive warm still-life image; use a small caption near the bottom and a modest edge action, leaving the central object scene open.
TYPOGRAPHY: Small restrained serif/sans utilities and caption; avoid a large display slogan.
COLORS AND SURFACES: Muted warm neutral scene, pale rails and soft sunlight/contact shadows; exact hue is variable.
IMAGERY: Photograph one original tactile object supported or held in a real setting, occupying roughly one-third width; candle and hand are optional subject choices.
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: Keep the shallow navigation compact, preserve material texture and light through a mobile crop, and place the caption/action close to the scene without obscuring the object. 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 loadedGestura Text Thin, Gestura Text Extra Light, Gestura Text Light, Untitled Sans Light, Untitled Sans Regular
H335px / 200
Body text20px
Page background#ffffff
Text color#000000
Page height4,648px
Computed CSS at 1440px, 2026-10-24.
