Vibeshots
← Sites

Radio Null Rewind 2022

2022.madebynull.com
Radio Null Rewind 2022 website, live site

Live capture at 1440px, 2026-10-24

How it’s built

Layout
White page combines a large italic year, a wide blue-gray strip with oversized pixel-like white type, blue butterflies, floating white mini panels and bold black lower identity.
Type
Large italic serif numerals, pixel-like uppercase strip, bold black sans identity and tiny panel labels.
Color and surface
White, blue-gray, bright blue and black.
Components
Wide pixel-type banner, decorative butterflies, floating rounded panels and bold lower identity.

What makes it work

  • Blue-gray pixel-type strip
  • bright blue cutout motifs
  • small floating panels
  • bold lower identity
On a new subjectFor a public meteorology archive, combine a blue-gray pixel-type strip, blue cloud cutouts, floating small panels and bold black lower identity.

Measured

Fonts loadedSuisse, PP Neue, Fraunces, Adjusted Arial Fallback
H1172px / 500 / -4.3px
Body text16px
Page background#ffffff
Text color#000010
Page height1,000px

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

Live behavior

Today
Radio Null Rewind 2022 uses a bright white canvas with a compact top bar, a large central “2022” and a wide blue-gray marquee band carrying oversized pixel-style wording, surrounded by illustrated blue butterflies. Large “Studio Null” lettering and a small “Enter the website” card anchor the lower desktop composition. Small floating panels for cookies, Null FM and a personalized page sit around the canvas. At tablet and phone widths the identity and 2022 move into a centered vertical sequence, while a bright yellow “Before you continue” panel with the floating feature cards appears lower in the captured frame.
Responsive
At 1440×1000 the desktop composition uses large floating widgets around the central marquee and studio identity, with compact controls at the top. At 768×1024 and 390×844 the logo and main elements stack vertically; the marquee remains oversized and cropped at the viewport sides, and the yellow consent area begins below the studio name. The reduced-motion phone image keeps this structure but shows a different portrait strip. These saved frames do not establish breakpoint thresholds or the full lower-page layout.
Scroll
The state labeled desktop-scroll records actual scrollY=0 in a 1440×1000 document. Its marquee has advanced farther across the viewport than in desktop-t0, while the central year, butterflies, small panels and Studio Null identity remain in view. It is a separate top-of-page sample, not evidence of a scrolled section or scroll-triggered motion.

More like this