Fundraising / Donation detail page — 3 design directions

Same content (organizer-supplied title, story, image; live fundraising stats). Three different takes on chrome, layout, typography, and the support flow. Brand accent shown in this org's orange (it's per-org / themeable). Click an image to open full size.

Fixes shared by all three: one clear support CTA (not two competing ones), the progress/goal made the visual anchor, social proof surfaced, a reading-width story column with a "read more" clamp so long or repetitive copy stays tidy, and a consistent image frame.
Variant A

Momentum

Crowdfunding energy. Full-bleed hero with title overlaid; bold sticky donation rail is the hero of the page.
Variant A
Variant B

Story-first / Editorial

Reads like a magazine feature. Serif display headline, generous reading column, calm donation sidebar, impact framing.
Variant B
Variant C · system-consistent

Focused Conversion Card

Closest to your Calm Community system. One unified donation card merges progress + amount + CTA; segmented tabs; clamped story.
Variant C