Live capture at 1440px, 2026-10-24
How it’s built
- Layout
- A pale green-tinted landscape hero places a large rounded black headline, gray explanation and green pill on the left; a large cat photograph occupies the right and softly fades into copy. Curved lower edge leads into a pale section with instructions and phone mockups.
- Type
- Large very bold rounded sans headline, medium regular body, compact bold pill and section heading. Exact font and metrics unknown.
- Color and surface
- Pale green/cream landscape, dark green-black type, green pill and natural photo.
- Components
- Pair a large rounded dark headline and green pill on the left with a large animal photograph in a pale landscape fading softly toward copy; use a curved transition to a pale instructional section.
What makes it work
- Pale landscape with large animal photograph at right
- Bold rounded dark headline and green pill left
- Soft image fade behind copy
- Curved transition to pale instructional section
On a new subjectFor a public wildlife observation service, pair an original bird photograph in a pale landscape with a rounded dark left headline, green pill, soft fade and curved transition to instructions.
Measured
Fonts loadednunito, nunito Fallback, nunitoSans, nunitoSans Fallback
H172px / 900 / -1.8px
Body text16px
Page background#f6f9f4
Text color#19251b
Page height5,500px
Computed CSS at 1440px, 2026-10-24.
Live behavior
- Today
- A soft green countryside photograph fills the hero, with a cat on the right and bold rounded dark headline, muted paragraph and app-store badges on the left. A small brand and pill utilities sit above; a pale curved edge leads into the next section. The gallery reference has a different action and phone imagery, while the original desktop reference matches this capture.
- Responsive
- Tablet keeps the image behind the headline and paragraph, creating low contrast where the paragraph crosses the cat and landscape. Phone stacks the image above the headline and copy and replaces language and account controls with a menu icon. Store badges are partly cut off at the bottom of the phone screenshot.
- Scroll
- At actual scrollY 750 a pale green How it works section presents three numbered steps beside overlapping phone mockups. This is a single observed scrolled view, not functional verification of the app.
