Five directions for the home page
Think of this like five paint samples held up on the same wall. We took the current home page and repainted it five different ways, cream and warm instead of dark, and in a couple of cases moved a few pieces around. Nothing here is live. Scroll through each one, look at the desktop and mobile shots, read the two-line description, and see which direction feels right. At the bottom there is a plain recommendation and a link to the full how-to-rebuild kit if you want to go deeper.
How to choose: read each variant's "who should pick this" line first, that will probably narrow it to one or two. Then actually scroll the screenshots (they scroll inside their own frame) before deciding, a lot of the differences only show up further down the page.
For contrastBefore: the current live page
This is what's live right now, dark background throughout. Shown small here just so you have something to compare the five directions against.
Variant 1Warm Editorial
Same page, new palette. Every section, every layout decision, stays exactly where it already is, only the colors change from dark to cream. Pick this if you want the safest, lowest-risk version of "make it warmer" with zero reshuffling.
The review takeaway: this is the most faithful of the five, a straight retheme rather than a redesign. A hero text-contrast bug was caught in review and already fixed, so the text reads cleanly over the header photo.
Variant 2Story First
Real couples' date stories move up from near the bottom to right after the hero, so proof and warmth show up before you've even scrolled past the fold. Pick this if storytelling and social proof should lead, especially for a female-focused audience where trust up front matters most.
The review takeaway: the strongest storytelling order of the five. The story cards were rethemed to cream after review so a dark block no longer sits directly under the hero.
Variant 3 · Front-runnerClarity First
A compact cream hero gets straight to the headline, the hero photo shrinks to a small supporting card, and the three-step "how it works" explainer moves up top. Pick this if you want visitors to understand the offer mechanic in the first few seconds, before anything else.
The review takeaway: the warmest of the five from the very first pixel. One of the two front-runners in both independent reviews.
Variant 4 · Front-runnerMagazine Split
The hero becomes two columns side by side, headline and copy on one side, a framed photo of the couple on the other, instead of one full-bleed background image. Pick this if you want the people in the photo to feel like the point of the page, not a backdrop.
The review takeaway: keeps the couple's faces at full size right next to the headline. This was the second AI auditor's pick for instant human warmth, and the other front-runner alongside V3.
Variant 5Green Statement
Instead of going all-cream, this one alternates cream and deep-green bands all the way down the page, on purpose about half the page stays dark. Pick this if you want the boldest, most brand-forward option and personality matters more than maximum warmth.
The review takeaway: the deliberately bold option. Because it stays about half dark by design, it only partly answers the original "make it warmer" goal, choose it for brand statement, not for warmth.
Where things standThe honest recommendation
Two independent reviews looked at all five and landed in the same place: it comes down to V3 and V4. Both passed clean with no unresolved issues.
V3, Clarity First
Warmest overall, gets the offer mechanic across fastest. The trade-off: the hero photo is demoted to a small card, so if you want the couple's photo to be the star, this isn't that.
V4, Magazine Split
Keeps the human photo big and central next to the headline. The trade-off: it's a bigger structural change to the hero than a straight retheme, and the layout splits into two columns instead of one.
If in doubt: pick V3 for warmth and speed-to-understanding, pick V4 for photo-led human warmth. V1 is the fallback if the team wants zero risk. V2 is worth a second look if storytelling to a female-focused audience is the priority. V5 is worth a look only if the team wants to make a bold statement rather than solve for warmth.
One open noteThe remaining dark accents
In every variant, two small pieces stay dark on purpose: the traffic-light graphic and the "Built on respect" panel. Both reviewers judged this acceptable, they read as small hardware-style accents rather than leftover dark sections. That said, the team may want a follow-up pass that lightens those two pieces as well, worth a group discussion rather than a unilateral call.
Full resolutionAll 12 original screenshots
The images above are shrunk down for fast loading. These are the untouched, full-size PNGs used to build them.
- Before · desktop5.6 MB
- Before · mobile2.2 MB
- V1 Warm Editorial · desktop5.7 MB
- V1 Warm Editorial · mobile2.2 MB
- V2 Story First · desktop5.1 MB
- V2 Story First · mobile2.1 MB
- V3 Clarity First · desktop4.1 MB
- V3 Clarity First · mobile1.8 MB
- V4 Magazine Split · desktop4.5 MB
- V4 Magazine Split · mobile1.9 MB
- V5 Green Statement · desktop4.8 MB
- V5 Green Statement · mobile1.9 MB