Screenshot from Awwwards, saved 2026-10-24
How it’s built
- Layout
- A dark blue bounded page uses an atmospheric luminous blue mountain-like spiral landscape across the field. A small white serif statement appears left, tiny spaced navigation above and outlined action below.
- Type
- Medium white serif multiline heading, tiny widely spaced uppercase navigation and control labels.
- Color and surface
- Deep blue atmospheric landscape with small colored lights and white type.
- Components
- An atmospheric blue spiral landscape sits behind a left white serif statement, small navigation and an outlined lower action.
What makes it work
- Dark luminous blue spiral landscape
- Left white multiline serif statement
- Tiny spaced navigation and outlined lower action
On a new subjectFor a public astronomy exhibition, show an original luminous blue spiral landscape behind a left white serif statement, tiny spaced navigation and outlined lower action.
Live behavior
- Today
- The Overworld Audio capture opens on a full-frame, near-black textured field with a faint oversized line emblem and a small centered OVERWORLD / AUDIO wordmark. An outlined “Enter with sound” control sits near the lower center and “Enter without sound” is near the lower right on desktop; tablet and phone place the controls centrally with the second option below. This is only the saved entry view; neither control was activated. The selected gallery reference shows a separate blue landscape hero with the copy “Building unforgettable sonic experiences,” project navigation, and an explore control.
- Responsive
- At 1440×1000, the wordmark text blocks measure 119.09×12px and 41.67×8px near the viewport center; the outlined sound button is 178.83×38px at x=630.59,y=906. Tablet is 768×1024 and phone is 390×844; at both widths the two sound choices appear centered vertically near the lower area, with the outlined choice above the text link. All six captured documents equal their viewport dimensions and report scrollY=0. Body CSS reports rgb(233,236,238) text and a transparent background; the dark full-frame impression comes from rendered graphics, not the body background. These captures establish only the sampled widths.
- Scroll
- The desktop-scroll-labeled state records scrollY=0 in a 1440×1000 document and shows the same entry composition. It does not document a lower section.
