Sabine

Highlights

• The background is a sound field, not a picture of one. A single fixed WebGL2 canvas sits behind the WHOLE document — not a hero widget that exists on the front page and nowhere else — integrating the 2D acoustic wave equation <code>d²p/dt² = c²∇²p</code> by finite-difference time-domain leapfrog, with the Courant number held at 0.5 against the 1/√2 limit the scheme has in two dimensions. It is never torn down between sections
• The boundaries carry real absorption coefficients, so the physics is what you see: a rigid wall returns the wave inverted and standing waves build between parallel surfaces — the flutter echo that makes a bad room bad — while an anechoic boundary returns nothing and the field simply goes quiet. Five rooms: shoebox, fan plan with a curved rear wall, a quadratic-residue diffuser whose well depths are <code>n² mod 7</code> (the real Schroeder sequence, and genuinely why such a wall is built in that pattern), anechoic chamber, barrel vault
• What is drawn is the pressure GRADIENT rather than the pressure — a schlieren reading. That is both what a real photograph of sound in air images, which is why pictures of sound are thin bright wavefronts on a dark ground, and the reason the field stays dark enough almost everywhere to carry body text. An earlier pass drew the pressure directly at high gain: correct physics, unusable as a background
• Scrolling deforms the room instead of switching it. Sections declare <code>data-room</code> and <code>data-level</code>, and the two rooms currently on screen are blended by the fraction of the viewport each covers, so the boundary is always partway between them and the same wave carries across the join into the new shape — which is not something a per-section widget can do
• It refuses rather than degrades where degrading would lie. Pressure is signed, small and fed back into itself every step, so in eight bits it quantises and the Laplacian amplifies that into a fixed reticulated pattern within seconds; the solver therefore demands RGBA16F and falls back to a composed static ground without <code>EXT_color_buffer_float</code>. Capability tiers pick the grid, a live frame-time watchdog overrules them, and the loop stops when the tab is hidden
• The reverberation figures are computed, not quoted: published octave-band absorption coefficients run through Sabine’s own <code>RT60 = 0.161V/A</code> and through Eyring’s correction, by the same two equations in PHP on the server and live in the browser. BOTH are always shown, because Sabine over-predicts in an absorptive room — a known limitation of the equation the practice is named after — and the gap between the two is itself a reading of how dead the room has become
• On a project page the interactive bench is seeded from THAT building’s own recorded dimensions, brief and surface schedule, so a visitor is handed the actual room and invited to change it, rather than a generic hall that would be quietly describing a different building. Room modes and the Schroeder frequency come off the same numbers
• A layout archetype found nowhere else in the catalogue: the octave-band grid — eight columns with a persistent frequency tick rail, the measure the whole trade reads by. No section is allowed to paint over the field; every one is transparent and text sits on glass scrims. Newsreader over Space Grotesk, self-hosted, Latin subset
• Not one third-party JavaScript library — no Three.js, no GSAP, no jQuery dependency. Four scripts, all written for this theme. Entrances are native CSS scroll-driven animations declared only inside <code>@supports</code>, so the resting state of every element is visible with scripts blocked, without scroll timelines and under reduced motion

What's included

• Full theme source — every template, style sheet & script
• One-click demo importer (idempotent, no page builder)
• Live Customizer controls for copy, colours & content
• Translation-ready .pot file + RTL stylesheet
• HTML documentation + a CHANGELOG file
• Lifetime updates + 6 months support (renewable)

Specifications

Release