Screenshot from Awwwards, saved 2026-10-24
How it’s built
- Layout
- A dark bounded page depicts a framed painting in a dim interior. A segmented navigation bar runs across the top, with a pale green action at right. Bottom-left headline combines uppercase sans and italic serif; body and green button sit below, with a small caption and contact tile near the lower edge. Exterior blur is presentation.
- Type
- Moderate uppercase sans headline followed by an italic high-contrast serif line; small subdued sans body and utilities. Exact fonts and metrics unknown.
- Color and surface
- Black/brown atmospheric photograph, ivory typography and pale sage actions, thin outlined divisions.
- Components
- Combine a dark interior image with a central framed artwork, segmented top navigation, lower-left mixed sans/italic-serif message and sage action.
What makes it work
- Dark interior with centered framed image
- Segmented top navigation and sage action
- Lower-left uppercase sans plus italic serif message
- Small subordinate body and action
On a new subjectFor a community mediation service, show an original framed textile in a dark meeting room, retaining the segmented top bar, sage action and lower-left mixed sans/italic-serif invitation.
Live behavior
- Today
- The normal desktop opening shows a dark, dimmed field with a centered recommendation to enable sound and WITHOUT AUDIO / WITH AUDIO choices. A large privacy settings panel fills the lower portion. At the captured scroll position a muted green section with a large mixed sans-serif and italic serif headline is visible behind the dimming and consent panel; much of the underlying page remains obscured.
- Responsive
- The audio and consent overlays appear at 1440×1000, 768×1024 and 390×844. In the ordinary mobile frame the privacy panel appears clipped at the right edge, leaving some copy and controls outside the visible frame; the reduced-motion fresh load shows a different, full-width consent interface with vertically stacked actions. Different loads and states do not establish the reason for the difference or full responsive behavior behind the overlays.
- Scroll
- The desktop-scroll state measures actual scrollY 750 CSS px in a 1440×10161 document. Its screenshot shows a muted green section and the heading SELLING YOUR PAINTING? IT STARTS HERE behind the dark overlay, while the privacy panel remains at the bottom. No transition mechanism or unobscured section appearance is established.
