Deadly Ponies

How it’s built

Layout

A bounded page splits evenly into two photographic-looking product panels: dark handbag against warm gold at left and dark shoes on pale fabric at right. White top navigation crosses the imagery; small underlined labels sit near each lower edge.

Type

White serif uppercase identity, tiny sans navigation and underlined lower labels.

Color and surface

Warm gold and off-white textured backgrounds with dark objects and white navigation.

Components

Two equal full-height product image panels share white upper navigation and small underlined lower labels.

What makes it work

• Two equal full-height product image panels
• Contrasting warm and pale surfaces
• White top navigation
• Small underlined lower labels

Measured

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

Live behavior

Today

A full-width fashion commerce hero pairs an editorial portrait and large product photograph in equal columns, with small underlined captions and a sparse type-led navigation. A centered off-white location modal with a black rectangular action dims and obscures the underlying page in every captured state.

Responsive

Tablet keeps the side-by-side imagery and replaces category links with a menu icon; phone stacks the images and uses a compact header. The same location modal remains centered and hides a large portion of the phone image and caption. Tablet document width1094 exceeds its 768px viewport; do not assume clean responsive behavior.

Scroll

At actual scrollY750 a full-width photograph of sandals on a woven surface appears behind the same dimmed modal; the first hero edge remains above. Modal position stays centered while the document scrolls.