Vibeshots
← Sites

Chladni · A Geometry OF Sound

chladni-plate-experiment.vercel.app
Chladni · A Geometry OF Sound website, live site

Live capture at 1440px, 2026-10-24

How it’s built

Layout
A black field pairs a left-aligned cream serif title and small metadata with a large right trapezoidal panel of pale grain-like marks forming a symmetric pattern. No controls are visible; full UI is unknown.
Type
Large elegant upright high-contrast serif title, small sans subtitle and spaced monospaced-looking labels.
Color and surface
Black field, dark blue-gray panel, cream granular pattern and pale text.
Components
A left serif title and technical labels face a large perspective-shaped panel of symmetric granular linework on black.

What makes it work

  • Black field
  • Left cream serif title and small technical labels
  • Large perspective-shaped panel with symmetric granular linework
On a new subjectFor a public textile exhibit, pair a left cream serif title and small labels with a perspective-shaped panel of symmetric granular thread-like pattern on black.

Measured

Fonts loadedGeist, Geist Fallback, Geist Mono, Geist Mono Fallback, Instrument Serif
H257.6px / 400 / -0.864px
Body text16px
Page background#07070a
Text color#f3eee3
Page height13,900px

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

Live behavior

Today
A near-black opening screen shows a small READY label, large cream serif 100, fine gold rule and three actions, with a tiny spaced label at the bottom. The original desktop reference shows an earlier loading count; the gallery reference depicts a Chladni plate scene that was not reached in these captures.
Responsive
Desktop and tablet keep the three actions in a row, while phone stacks them vertically beneath the rule. The same ready screen is visible in ordinary and fresh phone frames.
Scroll
The scroll attempt records actual scrollY 750, but the ready screen remains visually unchanged. Underlying story text has in-frame DOM bounds yet is not painted; no scrolled story is established.

More like this