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

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

Original document

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].

How to use

  1. Copy the complete original prompt, including any parameters.
  2. Replace the subject, text and composition with your own requirements.
  3. Use a compatible external tool; check its current access conditions and review the result.

Before you start

  • Check whether a reference image is required. A compatible model label does not mean this example was generated with that model.
  • Keep names, figures and visible text accurate; results can vary between model versions.

More like this

Fictional Skincare Landing-page Layout — ClawLabs AI · MIT
GPT Image 2en

Design an e-commerce landing page hero section for a skincare brand called [BRAND_NAME]. The theme is refreshing skincare with a clean aesthetic and a background of floating water bubbles. Use a color palette of white, [PRIMARY_COLOR], and light blue. Layout: - Header: display t

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