Lab hero drops in here
videos/hero-lab.mp4
The Showroom

Everything a website
can do.

This page IS the demo. Every effect below is running live, right here — and every one of them can be on your site. Scroll.

01 · Scroll-morph video

One video melts into the next as you scroll. Keep scrolling through this scene.

Any story…
…told in motion.

02 · Scroll color-shift

Watch the room change
as you scroll.

Right now we're in espresso. Keep going — and scroll back up any time; it changes in both directions.

Now we're in cream.

The entire page swept light without loading anything new. Perfect for taking a story from night to day — or a menu from dinner to brunch.

And now, sand.

Three moods, one page, zero page-loads. Your brand colors could do exactly this.

03 · Sideways scroll

The page locks and slides sideways through a filmstrip — then lets go. Keep scrolling.

Menusrestaurants & cafes
Galleriessalons, builders, detailers
Bookingappointments & deposits
Shopsmerch & products
Reviewssocial proof that sells
Your ideaif you can say it, we build it

04 · Video inside type

Live footage playing inside giant type — your name, filled with your work.

316WEB WORKS

05 · Cursor spotlight

Move your mouse
around this section.

A warm light follows your cursor and reveals what's underneath. On phones, it follows your finger.

06 · The small touches

Cards that tilt in 3D, buttons that lean toward your cursor, numbers that hammer up when they enter view.

Tilt me

Hover and move around — this card follows in 3D perspective.

Me too

Subtle, not gimmicky. It makes work galleries feel alive.

0Judge a business by its site
0To make a first impression
0Leave a slow mobile site

07 · Before / after slider

Drag the handle. Perfect for renovations, detailing, salons, glove work — anything with a transformation.

The buildThe results

08 · Pinned storytelling

The visual stays put and plays forward as you scroll — the story lands step by step, and the film finishes exactly on the last one.

1 · Quick chatFree 15-minute call — your business, your goals, no pitch.
2 · I build itDesign, copy, and code from scratch. Ready to review in days.
3 · You reviewSay what to change. I change it fast — no ticket systems.
4 · Go liveLaunch handled end to end. Your site, your name, done right.

09 · Hover-to-play cards

Stills until your cursor lands — then they come alive. Great for products, gallery work, and merch.

The monolith
The light city
The signal

10 · Type that performs

Every letter earns its entrance.

Headlines that cascade in letter by letter when they hit the screen.

11 · Scroll-scrub video

You are the playhead — the film only moves when you do. Scroll slow, scroll fast, scroll backwards.

You control the film

12 · Flip cards

Hover a card and it flips in 3D to show the other side — services on the front, details on the back. Tap on phones.

Bookinghover to flip
What's inside

Calendar, deposits, confirmation emails — customers book while you sleep.

Menushover to flip
What's inside

Prices on the front, story on the back — update it yourself in minutes.

Your servicehover to flip
What's inside

Any card on your site can carry a second side — details without the clutter.

13 · Decoder headline

WICHITA BUILT

Headlines that unscramble themselves into place when they hit the screen.

14 · Live theme switching

Try your site in every mood.

Tap a theme — the whole section re-skins itself instantly. Seasonal looks, day/night modes, or A/B testing your brand colors.

Your business name

Same content, new clothes — changed live, no reload.

15 · Stacking cards

Each card climbs the screen and parks on top of the last — a deck that deals itself as you scroll.

Tell your story in chapters

Each card is a chapter — services, story, proof, offer — dealt one on top of the other so visitors read everything in order.

Perfect for menus and packages

Stack your packages so each one lands on the last — by the end, the visitor has seen every option without ever feeling like a wall of text.

Show the proof

Reviews, before/afters, and real numbers stack in right when trust matters most — after they know what you do.

Answer the doubts

Pricing, timelines, FAQs — the questions that stop people from calling get answered card by card.

And it ends on your call to action

The last card in the deck is always the ask — book, call, order — sitting on top of everything they just read.

16 · Cursor trail

Wave your cursor
around in here.

Your work follows the visitor's cursor — a gallery that happens to them.

17 · Hover previews

Links that show instead of tell — hover the laptop film or the light city and a live preview follows your cursor. On phones, they open normally.

18 · Lines that draw themselves

Underlines, dividers, route maps, signatures — drawn stroke by stroke as you arrive.

19 · Words with weight

Fast. Custom. Handmade. Unmissable.

Headlines that drop in and land with a thud — each word falls, bounces, and settles.

20 · Drag gallery

Grab it and throw it — a gallery with momentum, like flipping through prints on a table.

Monolith Laptop Glass panels Light city Analytics Phone Signal

21 · Gravity field

A field of brass points that bends toward your cursor like fabric. Drag your mouse through it.

move through the field

22 · Shatter assembly

THREE SIXTEEN

The headline flies in from a hundred directions and locks together as you scroll — and shatters again on the way back up.

23 · Reads with you

Scroll slowly — the words light up as you go, pulling the reader through your story line by line. Scroll back up and it rewinds.

Most visitors skim. A guided highlight walks them through the words that matter — your promise, your proof, your price — at exactly the pace they scroll. Nobody skims a sentence that is lighting up in front of them. By the time the last word glows, they have read every single one.

24 · The x-ray

There's a whole city
hiding behind this wall.

Move your cursor — it cuts a hole in the page and shows the film running underneath.

25 · The diorama

A scene with real depth — move your mouse and look around inside it like a shadow box.

316WEB WORKS

Let's get to work.

Free mockup first — you pay nothing until you love it.