Screenshot from Httpster, saved 2026-10-24
How it’s built
- Layout
- Airy cream hero split into two columns. Left: large dark olive serif headline on three lines, sans paragraph, green pill action and five savings metrics. Right: tall glass bottle against muted beige rectangle, crossing hero seam. Small logo/nav/contact row at top; broad gap divides copy and bottle.
- Type
- Bold display serif contrasts smaller sans paragraph/action; metrics use large serif numerals with tiny uppercase labels. Exact fonts/metrics unknown.
- Color and surface
- Cream, olive type, tan image panel and yellow-green glass; dark green pill controls. Bottle crosses seam. No strong shadow or card grid.
- Components
- Top identity/nav/contact pill; left message, paragraph, action and metric row; right product image.
What makes it work
- Separate message, explanation and metrics by scale
- Give product its own zone
- Align evidence measures as group
On a new subjectFor a scholarship program, place an editorial serif proposition and concise explanation beside one substantial original student/project image. Group verified eligibility or award measures in a compact row beneath the explanation and keep the primary action modest. Preserve muted surface contrast and the image/copy balance without borrowing bottle imagery or sustainability claims.
