# trysundrop.app

Source: https://trysundrop.app/
Captured: 2026-10-09
Tags: saas, landing, light, both, playful, minimal, warm, playful, human, friendly, optimistic
Colors: #fefefe, #d7d3d7, #53504f, #74706f, #4d68ff, #9a8d89, #02cc8a, #ff6b4a
Type (h1): Polymath Display · 76.32px/81.3728px · 600 · tracking -1.1448px — "Your family’s stories are in your camera roll."
Type (h2): Polymath Display · 51.84px/63.1344px · 600 · tracking -0.5184px — "See your kids at the same age."
Type (body): Polymath · 20px/30px · 500 — "Sundrop finds your best family photos and turns them into beautiful slideshows, "
Radii: 50% (6), 9999px (2)

## Images

- Hero (desktop): https://media.lvly.design/library/trysundrop-app/hero.webp?v=458da31f
- Page crop (mid-1): https://media.lvly.design/library/trysundrop-app/mid-1.webp?v=44033ba2
- Page crop (mid-2): https://media.lvly.design/library/trysundrop-app/mid-2.webp?v=c6c4a2f0
- Hero (mobile): https://media.lvly.design/library/trysundrop-app/mobile-hero.webp?v=4205113a
- Full page (desktop): https://media.lvly.design/library/trysundrop-app/full.jpg?v=5b49165e
- Full page (mobile): https://media.lvly.design/library/trysundrop-app/mobile-full.jpg?v=e16a93fc
- Clip preview (mp4): https://media.lvly.design/library/trysundrop-app/video-czshg8.preview.mp4?v=5ab9c42c

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.

## Steal-worthy details

- Die-cut photo stickers: cut out real people, give each one a thick white outline and a soft drop shadow, and scatter them at slight rotations as the hero's decoration in place of illustrations
- Scalloped flower blobs in green `#02cc8a`, coral `#ff6b4a`, yellow, blue and violet, mixed with starburst asterisks in three sizes, so a white field reads as confetti without ever needing a background wash
- Floating iMessage and WhatsApp notification chips (avatar, app badge, name, "now" or "2m ago") tilted a degree or two in the hero, so social proof looks like the reaction the product causes
- Headline set at 76px, weight 600, tracking -1.1px and line-height 1.07, centered in two lines with a period at the end, so the display face carries a calm, sure voice amid the busy decoration
- A single pill CTA in `#4d68ff` with an Apple glyph and white medium text, the only saturated control on the page
- Each feature is a phone mockup centered on a giant flower blob, with the blob's color rotating per section (yellow, blue, green, coral, violet), so the same layout repeats without going monotonous
- Testimonials as a staggered stack of gray message bubbles under a handwritten note, "real text messages (names changed)", with a hand-drawn arrow
- The founders appear as three tilted Polaroid frames with handwritten first-name captions under a "Made by a team of dads." headline, pairing the team with the product's own photo-memory theme
- A two-by-two grid of privacy cards on a pale gray fill, each led by a small colored flower glyph instead of an icon, so the confetti shapes double as the icon set
- Once the hero scrolls away, the CTA reappears as a fixed pill in the top-right corner and there is no nav bar at all, since the page only ever asks for one action
- The footer CTA reprises the hero's scattered stickers and blobs around a closing headline, framing the page like bookends

## Style recipe

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.