Screenshot from Httpster, saved 2026-10-24
How it’s built
- Layout
- Solid deep-green canvas with large white RE-FORME wordmark at upper left and a plus at upper right. Most of the center remains empty. At lower left, large multi-line serif sustainability statement ends with a heavier sans line. At right, oversized flat mustard hand illustration holds a small circular earth motif; hand is cropped at lower and right edges.
- Type
- White sans wordmark and plus mark; large white serif statement at lower left with bold sans closing emphasis. Typeface details are not measurable from the raster.
- Color and surface
- Uniform dark green ground, pale cream lettering and flat golden ochre illustration; black-green outline accents within the earth graphic. No shadows, cards or texture visible.
- Components
- Wordmark, plus-shaped control, large editorial statement, oversized hand-and-globe illustration.
What makes it work
- Single solid ground
- One dominant flat illustration
- Separate editorial statement
- Generous negative space
On a new subjectKeep a simple large illustration paired with a separate concise statement and generous empty space. Replace the environmental claim, hand and globe with a relevant metaphor for another subject.
Prompts
Create a visual direction for {{website_name}} in {{industry}} for {{audience}}, shaping {{content}} and supporting {{functionality}}.
COMPOSITION INVARIANTS: Use a broad solid-color field, one large flat symbolic illustration on one side, and a short message on the other or lower edge. Preserve generous empty space and a small corner identity/control. Preserve the observed visual hierarchy and spacing relationships, not the source-specific object inventory.
TYPE: Set explanatory copy in an editorial serif or similarly expressive text voice, then use a stronger sans or weight for one key phrase. Keep utility marks tiny. Set a readable scale step between display text, supporting copy, captions, and utilities. Do not name a font family.
SURFACE AND COMPONENTS: Use two or three flat colors with clear figure-ground contrast. Choose a subject-appropriate palette rather than repeating the source green/ochre. Component roles: Small identity, simple corner control, large flat illustration and concise message with one emphasized line. Keep controls visually distinct and subordinate to the main content.
IMAGE DIRECTION: Create a new symbol that expresses {{content}}; the hand and globe are not required motifs. Proportion estimate from the selected still: Visual estimate: illustration covers about 35% width at right; message is lower-left quarter; upper center remains open. 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 a supporting explanation and smaller related illustration on the same flat surfaces.
RESPONSIVE PROPOSAL: Scale or move the symbol above/beside copy, preserving its legibility and the intentional empty space. 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: Use a broad solid-color field, one large flat symbolic illustration on one side, and a short message on the other or lower edge. Preserve generous empty space and a small corner identity/control. Keep the same relative prominence and spacing without requiring the same source objects.
TYPE AND SURFACES: Set explanatory copy in an editorial serif or similarly expressive text voice, then use a stronger sans or weight for one key phrase. Keep utility marks tiny. Use two or three flat colors with clear figure-ground contrast. Choose a subject-appropriate palette rather than repeating the source green/ochre. Maintain clear display/body/utility scale, readable line lengths, and sufficient contrast. Components: Small identity, simple corner control, large flat illustration and concise message with one emphasized line.
IMAGERY AND SCALE: Create a new symbol that expresses {{content}}; the hand and globe are not required motifs. Visual estimate only: Visual estimate: illustration covers about 35% width at right; message is lower-left quarter; upper center remains open. 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 a supporting explanation and smaller related illustration on the same flat surfaces.
RESPONSIVE PROPOSAL: Scale or move the symbol above/beside copy, preserving its legibility and the intentional empty space. 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.
Live behavior
- Today
- No current-site visual state was captured. The original URL attempt did not render in the dated pass; see evidence_gap and the directly bound zero-state log.
- Responsive
- Not assessed: the original URL did not render from this capture environment on 2026-11-02.
- Scroll
- Not assessed: no current-site scroll state was captured.
