Live capture at 1440px, 2026-10-24
How it’s built
- Layout
- A dark warm interior photograph fills a bounded page. A centered upper statement in tall cream serif mixes upright and underlined italic words; a translucent rounded menu dock with orange contact pill sits at bottom center. Exterior blurred interior is staging.
- Type
- Large tall narrow high-contrast serif, alternating upright and underlined italic; small sans dock labels. Exact font and metrics unknown.
- Color and surface
- Warm dark brown interior, cream type, translucent taupe dock and orange action.
- Components
- Center a tall cream serif statement mixing upright and underlined italic words near the top of a dark warm interior photo, with a translucent lower dock and orange action.
What makes it work
- Dark warm interior image
- Centered tall cream serif with underlined italic emphasis
- Translucent lower navigation dock
- Orange action
On a new subjectFor a public reading-room service, set a centered tall cream serif invitation with underlined italic emphasis over a warm dark library interior, with a translucent lower dock and orange action.
Measured
Fonts loadedSaans, Serrif Compressed
H172.016px / 300 / -1.44032px
Body text16.004px
Page background#f2f0e6
Text color#1d1d1d
Page height9,725px
Computed CSS at 1440px, 2026-10-24.
Live behavior
- Today
- A dark architectural photograph fills the opening screen with a centered, tall compressed light serif paragraph near the top. Three inline service words are italic and underlined, making the prose act as navigation. No conventional header runs across the top. A small four-lobed identity and translucent pill dock sit bottom center; the dock combines a Menu label and saturated orange Start a Project action. The following warm-cream section uses another enormous compressed-serif sentence with a small marginal About label, then an architectural image and narrow sans prose column. A black consent box covers the lower left.
- Responsive
- Hero serif72.016px/72.016px desktop becomes52.806px tablet and42.001px phone, retaining300 weight and inline italic/underline contrast. Wide title is a centered four-line block; narrow screen wraps it into more lines within roughly330px and still leaves most of the photograph exposed. Full-bleed IMG box is120% of viewport height and vertically overscanned, not exact visible aperture size. Bottom dock remains present in DOM but is partly covered by consent on tablet and entirely covered phone; no visible phone dock usability is established. Phone consent spans nearly the full width from y636, leaving title/photo visible above it.
- Scroll
- Actual desktop scrollY750 leaves250px of dark hero at the top; photograph box shifts from y-100 to about-260.8 rather than a simple750px document shift, consistent with a changed image transform but without an inferred animation implementation. Cream section begins y250. A small About label sits left of the giant72.016px serif statement spanning the width; architectural IMG enters below-left while narrow sans paragraphs sit to its right. Bottom dock stays near the viewport bottom and consent remains lower left. Lower prose is partly occluded by dock/viewport; full statement content/function is not treated as validated performance evidence.
