trysundrop.app

A consumer iPhone app landing page on pure white that gets all its warmth from its content: die-cut photo stickers of laughing toddlers and blobby flower shapes in saturated primaries are scattered around a tightly tracked, centered headline in Polymath Display 600. Under the decoration the structure is spare. It is one centered column, built from repeated two-line h2 statements ("See your kids at the same age.") each over a phone mockup set on a different colored flower blob. A handwritten script appears now and then as a human aside, and a single periwinkle-blue pill CTA, #4d68ff, is the only interactive color on the page. The page bookends itself, closing with a reprise of the hero's sticker field around a new headline.

Build on pure white (#ffffff) with near-black ink (#1f1d1c-ish) for headings and warm grays (#53504f / #74706f) for body. Use one geometric-humanist sans with a display cut (Polymath, or Gilroy / Satoshi as stand-ins): display headings at weight 600, about 76px for the h1 and 52px for h2s, tracking -1.5% to -1%, line-height 1.07 to 1.2. Set every heading as two short centered lines ending in a period. Body is 20/30 at weight 500 in warm gray, centered, capped near 480px wide. Get the energy from content and shapes, never from background fills. Scatter saturated scalloped flower blobs and starburst asterisks in green #02cc8a, coral #ff6b4a, sunflower yellow, blue #4d68ff and violet #9b6bff at mixed sizes, and mix in die-cut photo stickers (white 6–8px outline, soft shadow, ±5° rotation). Keep the hero and the closing section loud. The middle sections stay quiet: one centered column, each feature a device mockup on a single oversized blob, rotating the blob color per section. Interactive color is just one: a fully rounded (9999px) pill in #4d68ff with white weight-500 text and a brand glyph, docked fixed top-right on scroll, with no nav bar. Add human asides in a handwritten script at about 24px in muted gray, with hand-drawn arrows or underlines. Cards are pale gray (#f2f2f4) with 16–20px radius and no borders. Tilt photos and chat chips by 1–3° so nothing feels templated.