Variant
Wood-fibre plates that absorb sound. Specified by architects, hung where the problem isn't allowed to show.
The visual system is one family at five weights, a warm cream body, and a single charred-oak band that does the brand work. Nothing is layered on top of a photograph; the page itself carries the weight.
This file is the canonical reference. Type, surface, spec table, and material panel ship from here to the website, the slide template, and the product datasheet.
Open the systemPalette
Type
Archivo, drawn for screens, carries the entire system. Thin at 100 carries restraint. Black at 900 carries material weight. The page does not need a second voice.
Material
The plate is a single layer of compressed wood fibre with no synthetic binders, no formaldehyde, no off-gassing. It belongs on the same drawing as the limestone, the oak, the brass.
Components
No pills, no rounded corners. A button is text with a rule under it and a corner-arrow that grows the gap on hover.
Heavy key, thin numeric value, 2 px rule. Datasheet-grade. Stacks to a single column on small screens with the key reading as a label.
Motion
The button pulls toward the cursor inside a 120 px radius, then snaps back on leave. Used once per page for the dominant action; never decorative.
Ink rises from the bottom in 520 ms ease-out-expo; text inverts to paper. One transform, two read positions. Reserved for secondary CTAs that need weight without competing with the primary.
Display titles split per character on scroll-intersect. Each char rises 110 % with a 24 ms stagger. Words stay together; only the line wrapper masks.
Hung in space.
Stats animate from zero to target on intersect over 1.4 s with ease-out-quart and tabular numerals. Used on the spec sheet, never on decorative numbers.
α at 1 kHz
embodied CO₂e
Image gallery
Data gallery
3F Studio, Aarhus · Scope, m²
Configurator
Two formats, two thicknesses, five fibre tones. Every choice updates the live tile.
Dimensions
Thickness
View
The tile on its own.
Install · air gap to wall
Acoustic effect updates on the chart below.
Finish
Birch · pale fibre
Cards
Variant
Case
Publication · Issue 00
Placeholder quote text for the quote card component. Replace with a real, attributed quote before use.
Attribution name
Video
A studio film, custom controls, no browser chrome.
16:9 · poster + scrubber · ink frame
Inside this file
N · New components (v1.1)
Tags
Filter chips
Steps · how it works
01
Send the brief. We help you pick material, format and mounting.
02
Order physical samples in the finishes you are considering.
03
Delivered from Jyväskylä and installed by professional teams.
Stats band
Partner wall
Callout & secondary button
Full production capacity from August 2026. Preorders and samples ship from the pilot plant now.
Accordion · FAQ
Foam-formed natural wood fibre. No synthetic binders, no plastics, no irritating fibres.
Yes. Contact us for the current colour programme and custom options.
Prev / next pager
Image lightbox is enabled automatically on every gallery (.brg, .bra-gallery--img) and any [data-lightbox] container — click an image above in section H to open it.
O · New components (v1.2)
Downloads · documents
Comparison table
| Aisti® Aalto | Mineral wool | |
|---|---|---|
| Absorption | Class A | Class A |
| Material | Natural wood fibre | Mineral fibre |
| Binders | None | Synthetic |
| End of life | 100% recyclable | Landfill |
| Footprint | −2.55 kg CO₂e | Positive |
Feature grid
Natural wood fibre, no synthetic binders, no plastics, no irritating fibres.
Broadband sound absorption across the frequencies where speech lives.
A negative carbon footprint per tile and a fully recyclable end of life.
Testimonial
The ceiling reads as a calm, neutral surface — you would never guess it is doing acoustic work.
Project architectVandkunsten, Copenhagen
Form states
Newsletter
Sticky sub-nav & back-to-top
A sticky anchor nav (.bra-subnav with data-subnav) highlights the section in view — best on long product pages. The back-to-top button is injected automatically and appears once you scroll past one screen (bottom-right).
P · Comparison & proof (v1.3)
CO₂ savings calculator
Indicative figures (kg CO₂e per m²). Replace with your verified EPD data via the factors.
Head-to-head
Proof matrix
| Aisti® | Mineral wool | Glass wool | |
|---|---|---|---|
| Absorption Class A | |||
| Bio-based material | |||
| No synthetic binders | |||
| 100% recyclable | |||
| Negative carbon footprint | |||
| No irritating fibres |
Q · Icons
One family, hairline weight, tuned to the type system. Injected once as an SVG sprite via br.js. Use anywhere with <svg class="bra-ic"><use href="#ph-play"></use></svg>; colour follows currentColor and size follows font-size. Licensed MIT.
R · Columns (v1.4)
One component (.bra-columns), three modifiers. Heading size is capped per-column (not tied to full viewport width), so a long unbroken word can never overflow past the media — the bug that showed up on the Aisti technology block.
01 · Media left, text centered
The technology
Suspending wood fibre in foam instead of pressing it flat leaves an open, porous structure that captures sound across a wide frequency range.
02 · Media right
The technology
Same pair, mirrored — use when the previous section already ended on an image, to keep the page from repeating its own rhythm.
03 · Stacked, media on top
The technology
A wide, cinematic image leads, then a narrower reading column follows below a rule — good when the photograph needs the full width to read.
04 · Ruled, equal split
The technology
An exact 50/50 split, top-aligned, with a vertical rule as the seam — the most formal, catalogue-plate version of the pair.
S · Card layouts (v1.5)
One component (.bra-cardset), three modifiers. Grid collapses 3 → 2 → 1 column at 900 / 600px; the row variant becomes a single vertical list; title size is capped per-card so it never overflows.
01 · Vertical, image on top

Acoustic tile
Foam-formed wood fibre, Absorption Class A, two formats.

Cladding
Solid wood profiles for acoustic and visual texture on walls and ceilings.

Surface
A calm, tactile surface finish for walls that still need to perform.
02 · Row, image left

Acoustic tile
Foam-formed wood fibre, Absorption Class A, two formats, two thicknesses.

Bio-material
Mycelium-based tiles — dense reading column next to a fixed-width image, good for a scannable list.
03 · Overlay, text on scrim
04 · Frame, text only
Absorption
Broadband sound absorption across the frequencies where speech lives.
Footprint
Per tile — a negative carbon footprint over the material's lifecycle.
End of life
No synthetic binders, no plastics — good for specs and stat blocks with no photography.
T · Inquiry rows (v1.6)
.inquiry-list / .inquiry-row — a set of large clickable rows that jump to a matching form tab (data-jump-tab + href="#form-section", wired up by data-form-tabs in br.js). Retired from the live Contact page for now; kept here since the pattern is reusable for any "pick one of several paths" flow.