Vibeshots
← Sites

Melius

melius.com
Melius website, gallery screenshot

Screenshot from Minimal Gallery, saved 2026-10-24

How it’s built

Layout
Dark horizontal navigation over a light subtly dotted field; centered serif headline above a band of images that recede toward the center, followed by short centered copy and dark prompt-like control.
Type
Large black serif heading, small regular sans navigation and body.
Color and surface
Pale gray-white field, black navigation, colorful images and yellow and orange header actions.
Components
Navigation, image band, headline, prompt-shaped control and partner logos.

What makes it work

  • Centered serif statement over a receding band of colorful images.
On a new subjectFor a natural history collection, frame a centered introduction with a receding band of specimen photographs.

Live behavior

Today
Melius opens with a black navigation bar and yellow announcement strip above a pale dotted field. A large centered serif headline sits over a curved corridor of colorful image panels, followed by centered explanation and orange and white actions. The selected gallery reference shows a similar hero with different copy and controls.
Responsive
Desktop is 1440×1000 with an 8552px document; tablet 768×1024 with 10017px; ordinary phone 390×844 with 8508px, and fresh reduced-motion phone 390×844 with 8004px. Tablet and phone replace full navigation with a compact menu; the phone stacks the hero actions and wraps the headline. The separately loaded phone heights differ; no breakpoint or cause is established.
Scroll
At desktop y=750 the screenshot shows a rounded white customer-logo and case-study panel, with a colorful section starting below. Header and announcement remain visible at that position; one sample does not establish full sticky behavior.

More like this