Live capture at 1440px, 2026-10-24
How it’s built
- Layout
- The bounded page depicts a waterline crossing the middle of a teal ocean scene, with one translucent discarded bottle cutting diagonally through that boundary. Enormous white mixed-case title runs across top left; a small outlined Menu pill sits upper right. Short large two-line statement sits lower left; tiny scroll cue is centered low and small explanatory copy occupies lower right. Outer repeated ocean, thin frame and enlarged continuation are gallery presentation.
- Type
- Enormous plain light/regular sans heading with tight spacing; smaller but still prominent plain two-line statement and tiny utility/explanatory text.
- Color and surface
- Dark teal underwater depth, pale sunset horizon, translucent cool object and bright white text; restrained outlined menu pill.
- Components
- Waterline scene, one half-submerged translucent object, overscaled title, corner statement/explanation and small scroll cue.
What makes it work
- Continuous above/below-water scene with strong horizontal waterline
- One translucent object crossing that boundary
- Oversized plain white top title
- Lower-corner statement and restrained small utilities
On a new subjectFor a public language-learning service, place an original translucent sculptural speech-bubble object across a teal waterline with above/below depth visible. Keep an immense white program-name title across the top and a concise lower-corner conversation invitation. Preserve the scene geometry while replacing pollution content, bottle and source assets; do not assert motion.
Measured
Fonts loadedInter Tight, Host Grotesk Regular, Host Grotesk SemiBold, Host Grotesk Bold
Body text16px
Page background#ffffff
Text color#000000
Page height35,753px
Computed CSS at 1440px, 2026-10-24.
Live behavior
- Today
- Immersive ocean scene with a transparent crumpled bottle suspended across the water surface. An enormous tightly tracked white sans title runs along the top, with only a small outlined Menu capsule at upper right. A smaller two-line statement anchors lower left, a tiny continuation cue sits bottom center and a short explanation sits lower right. The next observed scene moves the bottle deeper and overlays a centered two-line statement. The scene carries the color and depth; conventional content cards are absent in these inspected frames.
- Responsive
- Desktop title157.53px/141.777px with tracking-9.4518px becomes two lines96px/76.8px on tablet and48.75px/39px on phone. Exact title glyphs identify HostGrotesk-Bold despite computed weight400. Lower statement changes47.952px desktop to40.0128px tablet and34.671px phone. On narrow screens explanation moves below that statement, Menu becomes a two-line icon and the continuation cue stays near bottom center. Bottle IMG box is156px wide ordinary phone but429px on fresh preference phone, while both retain390x24250 document. Its painted bottle occupies only part of the tall image box, so these are not exact object silhouette widths.
- Scroll
- Actual scrollY750 changes the visible composition from the horizon/title introduction to a mostly underwater bottle with centered72px/64.8px HostGrotesk-Regular statement and tracking-3.6px. The bottle appears more upright and larger than in the opening frame. These two positions support a changed scroll-state composition but not a continuous rotation/zoom trajectory or a specific rendering technology. The full35753px desktop narrative remains unobserved beyond this point.
