Want this look?
Copy a prompt below and generate frosted-glass depth with AI.
Design a glassmorphism website. A dark canvas with drifting aurora gradients (violet to cyan), frosted-glass cards using backdrop-blur, thin translucent borders, soft glows, and clean Sora sans-serif. Futuristic, sleek, layered depth.
Best for AI website builders — Lovable, v0, Bolt
Build a glass hero: a floating frosted-glass panel over animated blurred aurora blobs, a gradient text accent, and translucent buttons that glow gently on hover.
Good for a focused first pass, or a chat-based assistant like ChatGPT/Claude
Take my dark site and add glassmorphism: give cards backdrop-blur with semi-transparent fills and 1px light borders, float soft colored gradient blobs behind them, and add subtle glows.
Paste alongside your existing site/code for an AI coding agent to apply
Paste any prompt as-is — no edits needed. Add your own brand, copy, or images on top if you want; the prompt already works without them.
Glassmorphism guide for AI coding agents: - Palette: near-black #0b0b12 background, translucent white surface (rgba(255,255,255,0.06) with a soft glass border), violet #7c4dff accent, cyan #22d3ee, magenta #ff49c0 — the three accents blend across a drifting gradient field. - Type: Sora for both display and body — a clean geometric sans that doesn't compete with the glass/gradient work. - Signature elements: backdrop-blur frosted panels, vivid gradient light glowing up through the glass, multiple translucent planes stacked for depth, thin hairline light borders defining each pane's edge. - Motion: drift / glow — slow, continuous, luminous. Never glitchy or bouncy. - Never: opaque flat cards, hard sharp shadows, fast/snappy motion, high-contrast flat color with no blur or glow.
Drop this into a project's instructions/skill file for a reusable reference, instead of a one-shot prompt.
The same blur that makes it glow is what makes it hard to read. That's the whole trade.