Goku Prompt Hub

Curated Prompt Vault

Verve Solar BIPV Homepage

GI2_11676 x Content Creation
solar energygreen architectureminimalist web

Please generate a static HTML page of the "Homepage" for us based on the following brand background and requirements. # 1. Brand background and design style -…

Cover Preview

Verve Solar BIPV Homepage

Cover Preview

Full Prompt

⚡Generate
Please generate a static HTML page of the "Homepage" for us based on the following brand background and requirements.

# 1. Brand background and design style
- **Project Name:** Verve Solar - A technology company specializing in high-end integrated building photovoltaics (BIPV) and high-end home microgrids.
- **Target Audience:** High-end independent residential owners in Europe and America, low-carbon lifestyle designers, and boutique commercial real estate developers.
- **Visual Aesthetics:** 
  - **Style Fusion:** Combines **Modern Editorial** with **Organic Minimalism**.
  - **Color Ambiance:** Abandons traditional deep blue or pure black, opting for large, soft, natural tones. With "cashmere white/light oatmeal (#F9F6F0)" as the main background, accented by "sage green" and "fir dark green," the text uses "deep moss black/warm charcoal gray," creating a soothing, relaxed, and sustainable tech atmosphere.
  - **Layout Design:** The image is extremely lightweight (Lightweight). Using a large amount of elegant **Negative Space** and rounded corners (such as 'rounded-2xl' or 'rounded-3xl'), modules are not separated by hardwires but are implicitly separated by subtle color blocks (Card Backgrounds).
  - **Font:** The title uses elegant serif with a humanistic touch (such as Garamond or Playfair Display), while the body uses an extremely clean sans-serif font.

# 2. Core page blocks and Alpine.js interaction requirements
- **Block 1: Immersive Eco Hero:** Minimalist centered magazine layout. The background is a warm scene of sunlight shining on modern eco-friendly homes (with photovoltaic roofs). In the center, there was only a very light but elegant slogan. Includes a Alpine.js-driven "Energy Efficiency Calculation Popup" with seamless fade-in and fade-out animations.
- **Block 2: Sustainability Story (Ecological Narrative):** Left-right asymmetric text and image arrangement. Through smooth typography, it explains how solar energy can seamlessly integrate into daily life.
- **Block 3: Smart Living Carousel:** Showcasing a 24-hour ecological closed loop of "Morning: Battery Charging," "Afternoon: Vehicle Charging," and "Night: Whole-Home Charging." Use Alpine.js to create a tab or slide switch with smooth micro-animations (cards with a 'backdrop-blur' texture between cards).
- **Block 4: Visual Testimonials (Owner Testimonials):** Uses a large-format waterfall card; clicking a card triggers a beautiful "full-screen case detail lightbox" via Alpine.js.

# 3. Delivery Constraints
- Strictly follow the system prompt technology stack (HTML5 + Tailwind CDN + Alpine.js + Lucide Icons).
- Images must present a high-definition atmosphere that blends warmth, sunshine, green vegetation, and modern architecture into nature.