Fictional Beauty-serum Landing-page Mockup — ClawLabs AI · MIT

Fictional Beauty-serum Landing-page Mockup — ClawLabs AI · MIT

Originaldokument

GPT Image 2 · en

Design a clean, bright, airy, feminine e-commerce landing page hero section mockup for a beauty serum brand. Aesthetic: soft lighting, purple floral accents, and a color palette combining [PRIMARY_COLOR] and white.

Header: The logo reads "[BRAND]". A navigation bar contains 5 links labeled in [LANGUAGE]: Features, Ingredients, Testimonials, How to Use, and FAQ. Include a call-to-action button labeled Try Now.

Hero section, left column: A large headline reading "[HEADLINE_TEXT]" and a subheadline reading "For skin prone to dryness and dullness — an intensive moisturizing serum for daily use, richly formulated with beauty ingredients," in [LANGUAGE]. Include 3 pill-shaped feature badges with small icons labeled Sensitive Skin OK, High Moisture, Morning & Night Use, in [LANGUAGE]. Include 3 bullet points marked with pink checkmarks labeled Delivers Beauty Ingredients Deeply, For Firmer, Glowing Skin, and Easy, Simple Routine, in [LANGUAGE]. Include 2 call-to-action buttons labeled Try the First-Time Offer > and Check Ingredients >, in [LANGUAGE]. Include trust badges reading Free Shipping / First-Time Limited Offer / No Subscription Commitment, in [LANGUAGE].

Center subject: [MODEL_DESCRIPTION], holding a dropper bottle of [PRODUCT_TYPE].

Right column: A product display showing 2 items — a [PRODUCT_TYPE] dropper bottle and its packaging box. Include 3 floating white rounded-rectangle stat cards with gold accents labeled 96% Satisfaction Rate, 5 Types of Beauty Ingredients, and Over 12,000 Loyal Users, in [LANGUAGE]. 

Bottom section: 3 horizontal white rounded-rectangle benefit cards with icons labeled Moisture, Clarity, and Ease of Use, in [LANGUAGE].

Verwendung

  1. Den vollständigen Original-Prompt einschließlich Parametern kopieren.
  2. Motiv, Text und Komposition an die eigenen Anforderungen anpassen.
  3. Ein kompatibles externes Werkzeug nutzen; Zugangsbedingungen und Ergebnis prüfen.

Vor dem Start

  • Prüfen, ob ein Referenzbild nötig ist. Kompatibilität belegt nicht das tatsächlich verwendete Modell.
  • Namen, Zahlen und Bildtexte prüfen; Modellversionen können andere Ergebnisse liefern.

Ähnliche Beispiele

Beauty Product Landing Page Mockup
GPT Image 2en

{ "type": "E-commerce landing page first screen model", "aesthetic": "Simple, bright, transparent, and soft, decorated with purple flowers.{argument name=\"primary color\" default=\"Soft pink\"} Paired with white tones, soft light and shadow", "header": { "logo": "{argu

Beauty Landing Page Hero Section
GPT Image 2en

{ "type": "landing page hero section mockup", "theme": { "industry": "Beauty and skincare", "primary_color": "{argument name=\"primary color\" default=\"Soft pink\"}", "accent_color": "gold" }, "layout": { "header": { "logo": "{argument name=\"brand

Skincare Landing Page Hero Section
GPT Image 2en

{ "type": "landing page hero section", "theme": "skincare and beauty", "color_palette": [ "white", "{argument name=\"primary color\" default=\"teal\"}", "light blue" ], "header": { "logo": "{argument name=\"brand name\" default=\"CLEAR RESET\"}", "na

Men's Skincare Landing Page Mockup
GPT Image 2en

{ "type": "Website landing page homepage", "theme": { "style": "Fashionable, Professional, Modern, Dark Mode", "colors": "{argument name=\"primary color theme\" default=\"Dark Navy Blue and Black\"}" }, "layout": { "header": { "logo": "{argument name=\"b