Live capture at 1440px, 2026-10-24
How it’s built
- Layout
- Near-white field has a thin left vertical rail with serif initial, small compact text block left of center and an image entering from the lower right.
- Type
- Small regular black sans statement with muted gray introductory line; oversized serif initial in rail.
- Color and surface
- Near-white, black, pale gray and muted image.
- Components
- Narrow left rail, compact text block and low right image.
What makes it work
- Thin left rail and serif initial
- compact left-of-center statement
- low right image
- extensive white space
On a new subjectFor a public landscape archive, use a thin left rail with serif initial, compact left-of-center introduction and low right landscape image on near-white.
Measured
Fonts loadedSuisse BP Intl
H130px / 400
Body text30px
Page background#f3f3f3
Text color#2a312e
Page height1,000px
Computed CSS at 1440px, 2026-10-24.
Live behavior
- Today
- The current Bakstad Construction captures use a very light gray ground (body computed background rgb(243, 243, 243)) and dark green-gray text (rgb(42, 49, 46)). Desktop composition is sparse: a narrow vertical rail at the left carries a black lowercase b mark, a fine divider and a tiny Menu label near the bottom; a small pale brand line and regular dark statement sit around the left-center, with Explore and About links below. A large landscape home photograph enters from the lower-right portion of the viewport, leaving extensive open space. Tablet and phone switch to a top wordmark/hamburger bar, followed by left-aligned copy with 30px type and 30px line height; a small landscape photo appears near the bottom. The measurement records Suisse BP Intl actual glyph use for the main copy and utility labels.
- Responsive
- At 1440×1000, text begins at x≈224,y=294: a measured 30px brand line and 30px statement in a 600px-wide box with 30px line height; Explore/About are 15px. A visible image sample is 643.875×472.594 at x≈653.6,y=718. At 768×1024, a top navigation is 83.656px tall; copy begins at x=20,y=165 and the sampled image begins at y≈624.6. At 390×844, the same 83.656px header is followed by copy at x=20,y=165 in 30px type; the sampled image is 252×171.812 at x=103,y≈630.2. All three logged dimensions report scrollY 0 and document dimensions equal to their viewport; no unrecorded breakpoint behavior is inferred.
- Scroll
- The state labeled desktop-scroll is measured at actual scrollY 0 with document size 1440×1000 and visually resembles the initial desktop frame. It provides no scrolled-state evidence; no sticky or scroll-triggered behavior is inferred.
