A fictional volcanology field station whose researchers camp beside a live fissure. The page has one job: make you feel radiant heat through a screen, then read three field reports as if you found them in a tent.
MAGMA is a seasonal research camp on the invented Vatnsfell Rift. The audience is anyone who has ever wanted to stand slightly too close to something dangerous and call it work. Every design decision flows from one physical fact: black basalt crust with incandescence underneath. The lava is not a backdrop — it is the site's temperament, and the typography, palette and copy all defer to it.
Display only, always uppercase. Its compressed, heavy forms read like something under geological pressure. The hero wordmark gets the one moment of typographic bravery: a vertical gradient clipped into the letterforms, so MAGMA appears to stand shin-deep in the flow, heat climbing the stems.
Body, labels and data, with tabular numerals for every reading. Letterspaced uppercase at ~0.7rem does the instrument-panel voice: station codes, UT timestamps, flux figures. The contrast between Anton's roar and Inter's restraint is the whole typographic system.
fbm is domain-warped twice (q then r fields, the classic Quílez construction) to produce a slowly churning heat field. Cooler regions solidify via smoothstep into a crust rendered in basalt tones; a second, ridged fbm (1−|2·fbm−1|) lays a seam network over that crust, and a spatially-offset sine gate widens and narrows the seam threshold over a ~14-second cycle — so the crust visibly cracks orange, seals grey, and cracks again, each region on its own phase. Heat maps through a three-stop palette: deep red → #FF3D00 → #FFC530. The pointer injects a local heat plume that lowers the crack threshold under the cursor, so the crust opens where you touch it. Rendered at 0.8× of a DPR-capped-at-2 buffer, paused when off-screen or the tab hides, one static frame under reduced motion, and a layered CSS-gradient scene stands in if the context fails.power3/power4 eases; nothing loops except the lava and the ground itself.smoothstep(0.60, 0.44)) to 36% crust; the veins now read as cracks in rock, and the hero text sits on more quiet dark area.min-height fallback order on the hero — 100vh was declared after 100svh and silently won, which would have caused address-bar jump on mobile.document.hidden pause — scrolling the reports section costs no shader time.