Townhouse

How it’s built

Layout

A near-black page places a huge two-line white sans heading at upper left and a narrow explanatory column with white action to its right. An elaborate isometric town-like scene with pipes, buildings, landscape and small labels occupies the lower half; small header links and a vertical dot rail sit at the edges.

Type

Very large regular sans title with tight spacing, small mono-like kicker and smaller gray body. Exact painted font identity unknown.

Color and surface

Near-black field, white text, gray copy and warm detailed green/brown town scene.

Components

Set a huge white two-line headline and narrow supporting column on near-black above a detailed isometric miniature landscape connected by pipes and small labels.

What makes it work

• Near-black field
• Huge white left title and narrow support column
• Detailed isometric miniature landscape with connections and labels
• Compact white action

Live behavior

Today

The live TOWNHOUSE page has an off-white background and a large black sans-serif headline, “See inside your app.”, with a small monospaced eyebrow, supporting copy, and a compact CTA.

Responsive

At 1440×1000 desktop, intro text sits above/alongside the town map with floating progress controls. At 768×1024 tablet, the intro text and button visibly overlap the map area. At 390×844 phone, the map is presented above the intro copy; navigation controls are arranged as Back/dots/Next along the lower area. The separate reduced-motion phone load shows a larger crop of the town with the intro below; this difference alone does not establish preference-caused layout or animation changes.

Scroll

A desktop-scroll state is logged at scrollY 750, but its screenshot appears visually very similar to the initial desktop screenshot. The measurement confirms the recorded scroll position; visual movement/content change is not established by the screenshot.