PDP Hero Block Visual Guidelines

1. Visual Style Requirements

PDP hero photography must feel like precision engineering equipment — not consumer lifestyle imagery.

• Clean, clinical, high-resolution product photography
• Soft, diffused lighting with minimal shadows
• Background: pure white (#FFFFFF) or Hydrogen Grey-Blue (#F9FBFC)
• Subtle, controlled reflections allowed
• No gradients
• No dramatic shadows
• No lifestyle imagery
• No human subjects
• No environmental backgrounds

2. Product Positioning

• Angle: 15–25° three-quarter view
• Framing: centered vertically, slightly right-weighted horizontally
• Scale: product occupies 50–60% of the right column
• Cropping: full product visible — no edge cuts
• Consistency: identical angle, lighting, and framing across every model

This ensures visual continuity across all PDPs and homepage hero variants.

3. Hero Layout Structure

Desktop layout:

• Left column: product name, short engineering summary, trust badge row, price, CTA buttons
• Right column: product hero image (following these guidelines)
• Mobile layout: product image appears above headline, full-width, centered
• Trust badges appear directly below the headline on mobile
• CTA buttons stack vertically on mobile

4. Trust Badge Integration

The PDP hero must include the following badges from the TrustBadgeLibrary, placed directly under the product name and engineering summary:

• Lab-Verified 99.991% H₂ Purity — QTT Report LH2025050017
• Zero Ozone · Zero CO — Independently Tested
• 90-Day Full Refund Guarantee
• 24-Month Warranty Included

5. Color & Material Accuracy

• Hydrogen Blue (#00AEEF) accents must render accurately
• Stainless steel and white polymer surfaces must be true-to-life
• No artificial color enhancements
• No filters
• No saturation boosts
• No added reflections or glow effects

The product must look exactly like the device customers receive.

6. File Requirements

• Format: PNG or WebP
• Resolution: minimum 2000px width
• Compression: lossless or high-quality
• Retina-ready: provide 2× resolution
• Transparency: not required

7. Forbidden Elements (Critical)

The PDP hero image must NOT include:

• Any OEM branding
• Any factory logos
• Any model numbers from lab reports
• Any client names
• Any background environments
• Any medical imagery
• Any people
• Any accessories not included with the product

This ensures sanitization and compliance.