Use case: ui-mockup
Asset type: high-fidelity desktop landing-page composition for EffectiveHTML.com, composition option B — Specimen Rail
Primary request: Render an actual polished website viewport, not a poster or a device mockup. A thin exact navigation crosses the top of a near-black page. The first viewport is organized around one enormous warm-paper browser specimen spanning roughly 68% of the width from the left edge and cropped slightly by the viewport, like a working sheet pulled onto a studio table. Inside it, the same source visibly combines a skeletal wireframe region, a cobalt/lilac polished mockup region, a green interaction region, and a precise diagram fragment without becoming a dashboard. Along the lower edge of this browser, four differently shaped specimen tabs project outward as a horizontal rail—wireframe paper, black interaction stock, diagram sheet, narrow implementation strip—creating the site’s navigation vocabulary. On the right third, a quiet column contains the large stacked product name exactly “Effective HTML” and one real headline exactly “HTML for thinking with agents.” plus two compact geometric CTA controls. The bottom 18% reveals the next Ink-led catalog chapter with one oversized warm-paper example entering from the right, showing scroll continuation.
Input images: Image 1 is the approved Working Atlas palette, paper/ink material, artifact forms, and controlled-overlap reference. Image 2 is the product-name weight and brand-family reference. Preserve this world; do not copy their original composition.
Style/medium: high-fidelity website UI comp with semantic-looking geometry; flat vivid printed color; warm paper tooth; black stock; crisp rules; bold tightly set grotesk type; no device frame and no photoreal scene.
Composition/framing: desktop landscape browser viewport, straight-on. One huge left specimen, one quiet right text column, one horizontal specimen rail, and a visible beginning of the next section. This is a usable website with clear nav and actions, not decorative key art.
Color palette: near-black #141413, warm bone #F3E6D2, cobalt #1649D8, lilac #A884E8, fresh green #1BAE61, pale pink #F09AA8, tiny coral #E8744F. Flat fields, no olive.
Typography: extremely heavy neutral grotesk for product name; clean sans elsewhere. Only “Effective HTML” and “HTML for thinking with agents.” may be legible; all other text regions are greeked as clean bars, never nonsense words.
Constraints: no mascot, no person, no hands, no arrows, no continuous connector line, no lines weaving between artifacts, no fake body copy, no evenly spaced card grid, no dashboard, no gradients, no glow, no glassmorphism, no 3D chrome, no watermark.
