SayUI
← Back to generate a prompt

Styles

Vibes

No jargon required. Browse by feel, read the three questions, copy one line for your AI.

Premium

Expensive calm: generous space, soft layers, nothing loud.

Generate with this vibe →

Glassmorphism

Term details →
What it feels like
Like looking through frosted bathroom glass — hazy, light, layered, with content floating above the background.
Why it works
The blur turns a busy background into soft color, so your content pops without extra weight; the translucency hints at a layer above, giving depth.
How to tell AI

Frosted-glass navbar: backdrop-filter blur 12px, 70% white tint, 1px translucent white border; fall back to a solid background where unsupported.

Neumorphism

Term details →
What it feels like
Like pressing into soft rubber — controls share the surface color and only dual soft shadows lift them, quiet but not flat.
Why it works
Low contrast feels expensive and restrained; inset press feedback is clear without shouting in saturated color.
How to tell AI

Neumorphism: controls match the background, raised dual soft shadows (light top-left, dark bottom-right), inset on press, large radius; no loud colors or thick black borders.

What it feels like
Almost nothing on the page — wide margins, a few black-and-white words, quiet like a luxury magazine spread.
Why it works
After you delete everything optional, rhythm and type become the design; light to load, strong presence.
How to tell AI

Minimal: large whitespace, very few elements, limited monochrome palette, hierarchy via weight and spacing only—no decorative art or card walls.

Frutiger Aero

Term details →
What it feels like
Like a Vista-era ad — sky blue, grass green, water-glass orbs, nature outside the window, bright and hopeful.
Why it works
Natural color plus glossy tech reads as a clean future; nostalgic and sticky in one glance.
How to tell AI

Frutiger Aero: sky blue and grass green, glossy glass water orbs, nature cues over clean sans UI, optimistic soft reflections.

What it feels like
Like first opening OS X — buttons are blue candy, windows wear fine stripes, bright and round.
Why it works
Gel highlights make controls feel pressable; pinstripe chrome locks a whole system identity.
How to tell AI

Aqua: candy-gel blue primary buttons with specular highlight, pinstriped window chrome, rounded controls, soft gray content—like early Mac OS X, not leather skeuomorphism.

Minimal

Instant clarity: no extra lines, shadows, or chrome.

Generate with this vibe →

Web Brutalism

Term details →
What it feels like
Like the browser just opened and CSS never loaded — blue links, default gray buttons, honest to a fault.
Why it works
Anti-polish lets structure carry the page; great for experiments and brands that refuse polish-as-identity.
How to tell AI

Web brutalism: system fonts and default controls, blue underlined links, document layout, almost no custom chrome; do not polish with a design system.

Flat Design

Term details →
What it feels like
Like an IKEA manual — no shadows, no texture, pure blocks and lines you get at a glance.
Why it works
Strip decoration and layout plus color have to stand alone; when they do, the simplicity feels confident and loads fast at every size.
How to tell AI

Flat design: solid color blocks, no shadows or gradients, 2px outline icons, generous whitespace; interaction states only by lighter/darker fills.

What it feels like
Almost nothing on the page — wide margins, a few black-and-white words, quiet like a luxury magazine spread.
Why it works
After you delete everything optional, rhythm and type become the design; light to load, strong presence.
How to tell AI

Minimal: large whitespace, very few elements, limited monochrome palette, hierarchy via weight and spacing only—no decorative art or card walls.

Techy

Cockpit energy: dark surfaces, bright data, always on.

Generate with this vibe →
What it feels like
Like a night cockpit — the base is dark, data is bright, quiet but always online.
Why it works
Lower luminance cuts fatigue; surface layers replace white-page sections; one accent is enough navigation at high density.
How to tell AI

Dark tech UI: layered dark grays (#121212–#1e1e1e), desaturated accent, secondary text in gray steps, fine borders and soft shadows for depth—not pure black piled with neon.

What it feels like
Like a hacker-movie terminal — near-black, neon pink-cyan, glitch and scanlines, cockpit HUD.
Why it works
High contrast neon sells a future-city story while still packing dense information.
How to tell AI

Cyberpunk: near-black base, neon magenta/cyan accents, optional glitch or scanlines, monospace labels, HUD panels, high-contrast dystopia—not plain dark mode.

Liquid Glass

Term details →
What it feels like
Like Control Center made of water — buttons bend light, glass picks up the wallpaper tint.
Why it works
Glass stops being skin and becomes the functional layer; deeper space, more 'system' than a card theme.
How to tell AI

Liquid Glass: controls themselves are glass (buttons/sliders/panels) with refraction highlights and adaptive tint—not only frosted cards; radii follow the display; float above content.

Windows Aero

Term details →
What it feels like
Like a window on a Win7 desktop — glass title bar, edges that show wallpaper, a light sweep across the chrome.
Why it works
Whole-window transparency sells desktop depth; the shell language stamps an era and platform in one frame.
How to tell AI

Windows Aero: translucent blurred frame and title bar, specular sheen, soft blue glass chrome, optional glow on primary buttons—full window shell, not a few floating glass cards.

Professional

Trustworthy kit: orderly, restrained, product-grade.

Generate with this vibe →

Material Design

Term details →
What it feels like
Like serious productivity software — cards float a little, taps ripple, everything feels steady and finished.
Why it works
Shadows say who sits on top without decoration; shared primary/surface roles make a whole product feel like one system.
How to tell AI

Material style: elevated cards with soft layered shadows, clear primary/surface roles, ripple on press, crisp app bar, short physics-like motion—not pure flat with zero elevation.

iOS Human Interface

Term details →
What it feels like
Like a current iPhone — island, colorful wallpaper, search and lists as glass floating over content, not gray cards on #F2F2F7.
Why it works
Liquid Glass separates chrome from content; system colors and icon tiles need zero learning.
How to tell AI

iOS 26: colorful wallpaper shows through, floating Liquid Glass grouped lists and search capsule (blur + highlight edge), Dynamic Island, large title, colored SF-style tiles, ON switches #34C759, hairline separators inset past icons—not solid 2019 gray settings cards.

Skeuomorphism

Term details →
What it feels like
Like a leather notebook or wooden drawer — controls feel touchable, materials tell a full story.
Why it works
Physical metaphors cut abstraction for tools and nostalgia products; texture builds trust.
How to tell AI

Skeuomorphism: leather/wood/metal textures, physical lighting, real-object metaphors for controls, rich detail—not flat color blocks.

Bold

New shapes and loud color—you haven't seen this layout before.

Generate with this vibe →

Neobrutalism

Term details →
What it feels like
Like stickers slapped on the page — thick black edges, hard shadows, saturated blocks that refuse to whisper.
Why it works
Without soft blur, every shape reads at a glance; designed roughness is more memorable than polite gray UI.
How to tell AI

Neobrutalism: 2–3px pure black borders, hard offset shadow with no blur (e.g. 4px 4px 0 #000), saturated flats, bold type; skip gradients and frosted glass.

Web Brutalism

Term details →
What it feels like
Like the browser just opened and CSS never loaded — blue links, default gray buttons, honest to a fault.
Why it works
Anti-polish lets structure carry the page; great for experiments and brands that refuse polish-as-identity.
How to tell AI

Web brutalism: system fonts and default controls, blue underlined links, document layout, almost no custom chrome; do not polish with a design system.

Claymorphism

Term details →
What it feels like
Like play-doh buttons — fat corners, candy colors, soft chunks floating on their own.
Why it works
Toy energy lowers the guard for consumer products; inner/outer shadows make each piece feel pick-up-able.
How to tell AI

Claymorphism: oversized soft 3D chunks, multi-layer inner and outer soft shadows, each control its own floating color, pastel/candy palette, friendly toy feel.

Y2K Digital

Term details →
What it feels like
Like a 2000 homepage time-traveled in — chrome, jelly buttons, ice-blue and pink that feel kitsch and magnetic at once.
Why it works
Specular metal sells a digital object you can almost touch; bold palette sticks without a component pile-up.
How to tell AI

Y2K digital: chrome/gel highlight buttons, ice-blue silver pink palette, optional bubbles and starbursts, retro-future energy—not modern flat Material gray.

What it feels like
Like a hacker-movie terminal — near-black, neon pink-cyan, glitch and scanlines, cockpit HUD.
Why it works
High contrast neon sells a future-city story while still packing dense information.
How to tell AI

Cyberpunk: near-black base, neon magenta/cyan accents, optional glitch or scanlines, monospace labels, HUD panels, high-contrast dystopia—not plain dark mode.

Liquid Glass

Term details →
What it feels like
Like Control Center made of water — buttons bend light, glass picks up the wallpaper tint.
Why it works
Glass stops being skin and becomes the functional layer; deeper space, more 'system' than a card theme.
How to tell AI

Liquid Glass: controls themselves are glass (buttons/sliders/panels) with refraction highlights and adaptive tint—not only frosted cards; radii follow the display; float above content.

Vernacular Web

Term details →
What it feels like
Like opening a 1998 homepage — starfield bg, under-construction badge, visitor 001337.
Why it works
Extremely personal and outdated—and therefore unmistakable; perfect for experiments and proudly uncool brands.
How to tell AI

Vernacular web / GeoCities: tiled bg, under-construction badge, visitor counter, blue underlined links, mixed fonts and ornaments, raw personal homepage—not polished neobrutalism.

Term index also at /vibes. For a full prompt, return to the home tool.