Live capture at 1440px, 2026-10-24
How it’s built
- Layout
- A laptop shows a white left copy column with dark blue heading, support and paired actions, alongside a colorful overhead miniature landscape with radial roads, buildings and white labeled markers. Small language links sit above and small instructional columns below. Laptop and exterior are staging.
- Type
- Medium-large bold blue sans heading, smaller blue-gray support and compact bold action labels. Exact font and metrics unknown.
- Color and surface
- White panel, blue actions and vivid green miniature terrain with gray roads and blue water.
- Components
- Pair a white left copy column and blue actions with a colorful overhead miniature landscape of radial roads, buildings and floating white labels.
What makes it work
- White left copy column with blue heading and paired actions
- Overhead miniature green landscape with radial roads and buildings
- Floating white labeled markers
- Compact lower instruction columns
On a new subjectFor a public botanical-garden guide, pair a white left explanation and blue actions with an original overhead miniature garden landscape of radial paths, small structures and floating white labels.
Measured
Fonts loadedSatoshi, Source
H148.2235px / 700 / -2.17006px
Body text16px
Page background#e4eefb
Text color#1b3263
Page height1,000px
Computed CSS at 1440px, 2026-10-24.
Live behavior
- Today
- A white left panel pairs a navy introduction, two actions and small driving instructions with a colorful aerial miniature landscape at right. Numbered destination labels sit over roads and buildings. The original desktop reference shows a pale schematic scene and a progress indicator; the gallery reference shows the colorful scene in a laptop mockup. These are distinct capture phases.
- Responsive
- Tablet and phone move the illustrated landscape above a rounded white information panel, with instructions in rows and stacked full-width actions. The landscape occupies less vertical space on phone.
- Scroll
- The scroll attempt records actual scrollY 0; the image remains the same general split layout with a slightly different landscape frame. No later section or scroll effect is established.
