Preview image. Unlock full-res
Six layout variations of a Claypot ML platform landing page, each pairing text and photography in different color-background arrangements.
Summary
Six layout variations of a Claypot ML platform landing page, each pairing text and photography in different color-background arrangements.
Visual description
A 2x3 grid showcasing layout templates for a "Platform for Real-time Machine Learning" landing page. Each variation uses a split composition: a text block (brand logo, headline, body copy) paired with a warm-toned lifestyle photograph of a person working. The variations differ in text-background colors (black, white, pale purple, olive-green) and text-image positioning (left-aligned, centered, right-aligned). Typography is clean sans-serif; body text remains consistently readable. Photography stays consistent (same person, warm wooden desk, muted tones), but interacts differently with each background choice. A header notes "Layouts with photo / light, dark & color versions."
Key takeaway
The system demonstrates how a single photograph and text block adapt across multiple color-background treatments without reshoot. Pairing lifestyle photography with technical copy builds credibility for ML/AI products. The dark-text-on-light and light-text-on-dark variants provide accessibility wins and layout flexibility for different contexts.
Reuse notes
Excellent reference for B2B SaaS and AI tool landing pages. Use when you need to show layout flexibility across a brand's color palette or test color variants against the same content. Best suited for products that benefit from human presence (trustworthiness, approachability) alongside technical claims. The olive-green and warm-brown tones feel grounded and less generic than pure black/white; consider them for standout hero sections.
