Live capture at 1440px, 2026-10-24
How it’s built
- Layout
- Pale gray interface features a huge red concentric disc at left and black rounded screen at right linked visually to tiny switches and outlined controls; small labels sit along the top.
- Type
- Tiny black monospaced-looking labels and compact numeric markings.
- Color and surface
- Pale gray, red, black and fine gray lines.
- Components
- Red concentric disc, black screen, switches, circular controls and slim slider.
What makes it work
- Red concentric disc
- black rounded screen
- fine-line controls
- pale gray field
On a new subjectFor a public tide exploration exhibit, use a red concentric dial and black rounded data display with fine-line controls on pale gray.
Measured
Fonts loadedDM Mono, IBM Plex Mono
Body text15px
Page background#ebebeb
Text color#2c3e50
Page height1,000px
Computed CSS at 1440px, 2026-10-24.
Live behavior
- Today
- The Plan8 CHD-4 page uses a light gray background and a sparse diagram-like interface. On desktop a large red circular drum surface with concentric rings, black dots and a white Play triangle fills the left side; a small numbered selector bar overlaps its right edge. On the right, a rounded black display is connected to four labeled toggles, three circular Sound/Speed/Delay controls, and a Volume slider. Small CHD–4 project text and partner branding sit along the top, with Plan8 branding near the lower right. The desktop screenshots show no visible state change between t0, t2 and the state labeled scroll.
- Responsive
- At 1440×1000 the drum and control-panel illustration sit side by side with ample light-gray negative space. At 768×1024 the control display and its controls appear above the red drum surface in a vertical arrangement. At 390×844 the captures show only a cropped central slice of the interface, including portions of the black display, control labels and red drum. All measured documents match their viewport dimensions, and the desktop “scroll” capture has actual scrollY=0; the states do not establish scrolling or breakpoint behavior.
- Scroll
- The state labeled desktop-scroll records actual scrollY=0 in a 1440×1000 document and is pixel-identical to desktop-t0. It does not show a scrolled position or establish scroll behavior.
