Miami

Case 03 / 05 — Interface lab

SLAB

Interface Laboratory“Interfaces are not finished.”

Style
Brutalist-Futuristic
Industry
Interface lab
Year
2026
Role
Concept, design, motion, code
Live
slab-lab.pages.dev ↗
SLAB — screen recordingslab-lab.pages.dev

(01) The idea

The idea

An experimental interface lab, cast in concrete.

SLAB builds and breaks interfaces, so its site behaves like a test rig. A CSS-3D concrete monolith drops into the first screen and travels through every section, its faces lit according to their angle. Everything else is hard edges, stepped wipes and caution tape.

SLAB: the monolith lands
01 — The monolith lands
SLAB: gravity menu experiment
02 — Gravity Menu experiment
SLAB: orbit scroll experiment
03 — Orbit Scroll experiment
SLAB: signal — the outline footer
04 — Signal — the outline footer

Mobile-first — checked at 360, 390, 768 and 1280px

(02) Key scenes

Five scenes, one world.

  1. 01

    The monolith

    A CSS-3D block falls in and follows you down the page, lit by its own rotation.

  2. 02

    Card stack

    Experiments pile up as a pinned stack, each card with a live mini-scene.

  3. 03

    Stepped wipes

    Hard, stepped clip-path reveals instead of soft fades.

  4. 04

    Caution tapes

    Marquee tapes whose speed follows your scroll.

  5. 05

    Flinching grid

    A grid that flinches and scatters when you touch it.

  • CSS 3D
  • GSAP 3.15
  • ScrollTrigger
  • Lenis
  • Unbounded + Space Mono
  • Cloudflare Pages

(03) See it move

Visit the
live site ↗

slab-lab.pages.dev · fictional brand, real code

Next world — 04 / 05 · Editorial Luxury Halden Vey