Springs

How it’s built

Layout

A bounded page overlays a diagonal collage of rectangular building, forest and people photographs with a green/teal tint and yellow-green glow at bottom. Large cream serif statement sits lower right; small centered serif identity, left menu and right contact labels occupy top. Exterior abstract field is staging.

Type

Large delicate high-contrast cream serif title, small serif identity and tiny uppercase sans utilities. Exact font and metrics unknown.

Color and surface

Deep green/teal tinted images, cream text and yellow-green lower glow.

Components

Arrange diagonally tilted rectangular architecture, nature and people images under a green/teal tint, with a large cream serif statement lower right and small edge navigation.

What makes it work

• Diagonal collage of architecture, nature and people images
• Green/teal tint and yellow-green lower glow
• Large cream serif lower-right statement
• Small centered identity and edge navigation

Measured

Computed CSS at 1440px, 2026-10-24.

Live behavior

Today

A diagonal grid of nature, people and building photographs fills the hero beneath a dark green and teal tint. Cream serif display text sits at lower right, small sans copy at left and a centered wordmark above; a pale cookie pill lies at the bottom. The original reference shows a different tiled arrangement and the gallery shows a related promotional composition.

Responsive

Desktop uses the wide tilted collage and dispersed navigation. Phone keeps the collage and large serif text with compact top controls and a full-width bottom cookie strip. Tablet instead shows a full-screen rotate-to-landscape notice over a green gradient, which covers underlying DOM content.

Scroll

The desktop scroll attempt records actual scrollY 0 and keeps the hero, with the collage at another position. It does not establish a later section or a scroll-triggered effect.