Experimental

Prism

Prism is an experimental, motion-implied template for product launches, design studios and digital experiences that want to feel like an award-winning microsite. It lays everything on a near-black canvas lit by layered gradient-mesh orbs in electric violet, cyan and magenta, then floats frosted glassmorphism cards and a numbered scroll narrative on top. There are no photos anywhere — every visual is a CSS gradient, blur or shape, so the whole thing stays sharp at any size.

A weightless, neon-lit dreamscape — gradient mesh, frosted glass and motion you can feel without a single line of JavaScript.

Use this template All templates

immersive-experience.code-anything.app

A new dimension of web

Step inside
the prism.

An immersive canvas where light, depth and motion compose themselves around your story — built from nothing but gradients, glass and shadow.

Enter the experience Explore the craft

The building blocks

Three layers of light

◇

Living gradient mesh

Layered orbs of violet, cyan and magenta drift behind every scene, so the canvas feels lit from within rather than painted on.

⬡

Frosted glass surfaces

Content floats on translucent, blurred panels that catch the light beneath them — depth without a single drop of weight.

⟡

Motion, implied

Glows, gradient hairlines and parallax-ready layers suggest constant movement, all rendered in pure CSS with zero scripts.

The narrative

Scroll through the scene

01
Arrive in the dark
The experience opens on a near-black void. As the first orb blooms, the eye is drawn inward and the story begins to take shape out of pure light.
02
Light bends to meaning
Each gradient is tuned to a moment. Cool cyan for clarity, electric violet for tension, magenta for the turn — colour becomes the narrator.
03
Glass holds the message
Words settle onto frosted panels suspended above the mesh. They are legible, calm and weightless, never fighting the spectacle behind them.
04
Step back through the prism
The journey closes the way it opened — into quiet dark — leaving a single, glowing invitation to begin again or reach out.

60fps

Pure-CSS motion feel

Photos, ever

Layered light sources

∞

Scales to any screen

Ready when you are

Build something that glows.

Bring your story to a canvas that bends light around it. No photos, no clutter — just depth, motion and a single line that leads people in.

Launch your experience Book a walkthrough

Design rules

The system, applied to any site

Build on a near-black canvas (around #070512) and light it with several large, heavily-blurred radial-gradient orbs in electric violet, cyan and magenta, layered at low opacity so the background reads as a soft gradient mesh rather than flat black.
Set one oversized display headline (72-160px) with a clipped multi-stop gradient as its text fill, then drop hard to calm 16-18px body — the contrast is the whole hierarchy.
Make every card a glassmorphism panel: a semi-transparent surface fill, a 1px translucent border, backdropFilter blur and a soft inner highlight so it looks like frosted glass floating above the mesh.
Imply motion without JavaScript — glowing pill buttons with layered box-shadows, gradient hairlines, numbered "chapter" markers and a faint dotted grid all suggest a scene that is alive.
Use vivid gradients only as accents (text, borders, glows, stat numerals); keep large surfaces dark and let negative space breathe so the neons stay luminous instead of muddy.
Never use photography — compose all visuals from CSS radial/linear gradients, blurred orbs, grid overlays and grain hints so the design is fully resolution-independent.

Ships with

Gradient-mesh hero with oversized gradient headline3-up glassmorphism feature cardsNumbered scroll-narrative chaptersGradient stat bandGlowing CTA footerMinimal footer with links

Design tokens

Palette

surface

text

muted

accent

accent2

border

Headings

Clash Display

Body

Inter

Radius

20px

Explore palettes

More from the library

Aurora

New · Aurora 3.0 is here

Launch your product before the coffee cools

Aurora is the deploy-to-insight platform that turns a half-baked idea into a production-grade app — complete with hosting, analytics, and guardrails — without a single config file.

Start free Book a demo

No credit card required · Free for 14 days · Cancel anytime

app.aurora.dev/overview

Overview

Deployments

Analytics

Logs

Team

Settings

Requests

1.24M

+12.4%

Avg latency

38ms

-6.1%

Error rate

0.02%

-0.3%

Traffic this weekLast 7 days

Trusted by fast-moving teams worldwide

NimbusForgeworksLumeraStacklineQuantaVireo

Everything you need to ship with confidence

One platform that handles the unglamorous parts so your team can stay focused on the product.

Instant deploys

Push a branch and watch it go live in seconds. No pipelines to babysit, no surprise cold starts.

Built-in guardrails

SOC 2 controls, granular roles, and audit trails ship on by default so security never slows the team down.

Live insights

Real-time dashboards turn raw events into decisions, with alerts that reach the right person automatically.

99.99%

Uptime across all regions

40ms

Median edge response time

12k+

Teams shipping with Aurora

Simple pricing that grows with you

Start free and only pay when your product takes off. No hidden fees, ever.

Starter

$0/mo

For side projects finding their footing.

1 project

Community support

10k monthly events

Shared edge regions

Get started

Growth

$28/mo

For teams scaling toward product-market fit.

Unlimited projects

Priority support

5M monthly events

Custom domains & roles

Get started

Scale

Custom

For organizations with serious throughput.

Dedicated capacity

24/7 SLA & onboarding

Unlimited events

SSO & audit exports

Contact sales

Ready to ship your next big thing?

Join thousands of builders who launched faster with Aurora. Your first project is on us.

Start free today

AuroraMarketing

Baked fresh every sunrise

Warm bread, slow mornings, a kinder kind of breakfast.

A small neighborhood bakery turning honest flour, patient time and a hot oven into crusty loaves, buttery pastries and the best excuse to leave the house early.

Order ahead See today’s bakes

Today: Country Loaf

Stone-milled flour, 24-hour rise. Out of the oven at 7am.

Today’s bakes

A short, ever-changing list. When it’s gone, it’s gone.

Stone Country Loaf

Stone-milled wheat, 24-hour cold rise, blistered crust.

Brown-Butter Croissant

Laminated by hand, folded thirty-six times, shatteringly flaky.

Honey Rye Bun

Dark rye crumb, wildflower honey glaze, toasted caraway.

Our story

“We started with one borrowed oven, a sack of flour, and the stubborn belief that bread tastes better when nobody’s in a hurry.”

Eight years on, we still mix every dough by hand, still proof it overnight, and still sell out by noon most days. Flour & Ember is run by the same two bakers who opened it — you’ll usually find us dusted in flour behind the counter.

— Mara & Tomás, founders & head bakers

Come visit us

Hours

Tue – Fri7:00 – 15:00

Saturday7:00 – 16:00

Sunday8:00 – 14:00

MondayResting the ovens

Find us

Address14 Maple Row

NeighborhoodOld Mill Quarter

CityBrookhaven, OR

ParkingFree on Cedar St.

Say hello

Phone(503) 555-0148

Emailhello@flourandember.co

PickupOrder by 4pm prior

CateringAvailable weekdays

Reserve your loaf before we sell out

Place an order the night before and we’ll set aside something warm with your name on it. Whole loaves, pastry boxes and morning coffee for the table.

Warm ArtisanMarketing

Sharp Fade

Est. 2009 · Downtown Grooming

Walk In Sharp.
Walk Out Unmistakable.

Master barbers, straight-razor shaves and fades dialled to the millimetre. No guesswork, no fuss — just a chair, a mirror and a finish you will keep coming back for.

Book An Appointment See The Menu

The Price List