Prompt Toolkit

Vibe Coding CompanionWebsite aesthetics you can paste after your master prompt for instant visual vibes.

Copy a style modifier, attach it after your master prompt, and instantly flip the site’s vibe without touching functionality. Each card shows a true-to-style mini preview with a one-click copy.

Your Master Prompt (plug in any style)

Build a responsive website in <TECH_STACK> with clean, accessible, production-ready code. Use semantic HTML, ARIA labels, and a11y best practices. Keep components modular. Add smooth, subtle micro-interactions. DO NOT add filler text; use short, meaningful copy. Keep the code in a single file unless components are required.

Now apply this style modifier exactly:
"{STYLE}"
Tip: Replace <TECH_STACK> (e.g., "Next.js + Tailwind") and swap {STYLE} with any card below.
Style

Tesla-Style Minimalism

PRODUCT
Immaculate Minimal
Whitespace. Precision. Focus.
Make the design hyper-minimalistic like Tesla’s website: mostly white with subtle gray accents, extremely thin sans-serif typography, large whitespace, centered layouts, slow fade animations, and crisp, high-res images.
Style

Cyberpunk Neon

NODE: NEON
CYBER_PUNK
Glitch. Glow. Grid.
Style the website with a cyberpunk aesthetic: black background, neon pink, blue, and purple gradients, glowing borders, animated glitch text effects, and futuristic monospace fonts.
Style

Luxury Black & Gold

COLLECTION
Black Label
Elegance. Restraint. Craft.
Make it feel ultra-luxury: pure black backgrounds, gold typography and accents, smooth animations, serif display fonts, and slow fade-in effects that convey elegance.
Style

Scandinavian Minimal

Calm
Nordic Ease
Soft tones & gentle space.
Use a Scandinavian design style: soft pastel backgrounds, plenty of white space, muted typography, rounded edges, gentle shadows, and calming hover animations.
Style

Brutalist Web Design

LOUD BOX
BRUTAL MODE
Unstyled on purpose.
Give it a brutalist aesthetic: bold blocky typography, clashing colors, visible borders, no rounded corners, almost ‘raw’ HTML feel but intentionally styled for an artful, edgy look.
Style

Apple Product Page

So light. So powerful.
Say hello to clarity.
Make it look like Apple’s product pages: large hero images, ultra-thin Helvetica Neue font, gray gradients, parallax scrolling on product sections, and clean subtle hover animations.
Style

Retro 90’s Web 1.0

Welcome to My Site!
Style it with a nostalgic late-90’s aesthetic: pixelated fonts, patterned backgrounds, bright primary colors, GIF animations, skeuomorphic buttons, and old-school boxy layouts.
Style

Magazine Editorial

VOGUE\nISSUE
SS'25
Bold & Editorial
Design it like a high-end fashion magazine: large serif headlines, overlapping text on images, asymmetrical layouts, black-and-white photography with bold pops of color.
Style

Nature-Inspired

Evergreen
Organic rhythm & earth tones.
Style the website with a nature-inspired aesthetic: soft earth tones, leafy patterns, natural textures, hand-drawn icons, and gentle animations that feel organic.
Style

Dark Hacker Terminal

$ boot sequence_
ready>
Give it a hacker terminal vibe: black background, bright green monospace text, subtle scan-line overlay, typewriter animations, and blinking cursor effects.
Style

Glassmorphism

Frosted UI
Blur + translucency.
Style it with a glassmorphism effect: frosted glass panels, blurred backgrounds, soft shadows, semi-transparent cards, and pastel gradient accents.
Style

Minimal Dark Mode

Night Shift
Calm contrast, one accent.
Use a minimalist dark mode aesthetic: deep charcoal background, light gray typography, a single accent color for highlights, and smooth micro-interactions.
Style

Japanese Zen

静 — Quiet Balance
Paper, ink, space.
Design it in a Japanese Zen style: muted beige and off-white backgrounds, minimalist typography, thin black lines, generous whitespace, and subtle paper textures.
Style

Y2K Futurism

HoloFX 2000
Chrome vibes & bubbles.
Give it a Y2K futuristic aesthetic: metallic gradients, holographic text effects, chunky bubble fonts, reflective surfaces, and bold pastel color palettes.
Style

Space & Sci‑Fi

Orion Deck
Cyan thrusters engaged.
Make it space-themed: black starfield background, glowing constellations, parallax scrolling planets, futuristic fonts, and neon cyan/purple highlights.
Style

Hand‑Drawn Sketch

Sketchbook
Wobbly lines, playful.
Use a whimsical hand-drawn aesthetic: rough pencil lines, doodle-style icons, pastel backgrounds, uneven borders, and casual handwritten fonts.
Style

Corporate Clean

ENTERPRISE
Corporate Clean
Trustworthy & clear.
Style it for a high-end corporate look: light gray background, navy and blue accents, clean sans-serif fonts, consistent grid layouts, and professional photography.
Style

Vibrant Gradient Explosion

LOUD GRADIENTS
Color that slaps.
Make it colorful and bold: full-screen animated gradients, oversized typography, glowing buttons, and playful hover effects.
Style

Monochrome Minimal

Mono Only
Contrast is the hero.
Design in strict monochrome: black, white, and grayscale only, with high contrast, bold typography, and no color except on interactive elements.
Style

Cozy Coffee Shop

Café Locale
Warm, textured, inviting.
Give it a cozy coffee shop vibe: warm brown and cream tones, textured backgrounds like wood or paper, cursive headline fonts, and soft drop shadows.
Style

Bauhaus Geometry

MODERNISM
Bauhaus Grid
Primary colors, geometric blocks, strict grid, bold functional typography.
Style

Vaporwave Pastel Grid

A E S T H E T I C
Vaporwave
Grid • Sun • Pastel
Lavender/pink/teal pastels, retro grid sun, lo‑fi grain, dreamy headings.
Style

Desert Clay

SOUTHWEST
Desert Clay
Warm • Textured • Earthy
Terracotta, burnt orange, sand gradients, heat‑haze separators, grounded serif.
Style

Ocean Glass

MARINE
Ocean Glass
Frosted • Fluid • Calm
Translucent glass cards over ocean blues, soft cyan highlights, gentle blur.
Style

Art Deco Lines

DECO
Gilded Lines
Symmetry • Opulence
Black backdrop, gold hairlines, stepped frames, tall display serif, luxe rhythm.
Style

Forest Canopy

WILD
Forest Canopy
Leafy • Fresh • Organic
Moss greens, dappled light, leaf dividers, organic motion, earthy UI.
Style

Chalkboard Classroom

LEARN
Chalkboard
Scribbles • Smudge • Notes
Black/green board, chalk textures, hand‑drawn icons, playful education vibe.
Style

Blueprint Tech

DRAFT
Blueprint
Grid • Lines • Spec
Cobalt blueprint grid, white lines, technical labels, precise spacing.
Style

Marble Editorial

COUTURE
Marble Editorial
Polished • Refined
White marble veins, elegant serif headers, airy spacing, couture feel.
Style

Retro Arcade

INSERT COIN
Retro Arcade
Glow • Pixels • Play
Neon gradients on dark, pixel fonts, coin‑op vibe, fun hovers.
Style

Artisan Bakery

FRESH
Artisan Bakery
Crust • Crumb • Craft
Warm cream and wheat tones, soft shadows, hand‑drawn flourishes, cozy serif headings.
Style

Nordic Snow

NORDIC
Snow Quiet
Light • Crisp • Clean
Icy whites and soft slate blues, thin hairlines, airy spacing, calm minimal.
Style

Graffiti Street

URBAN
Graffiti
Spray • Drip • Noise
Dark asphalt base, neon paint splashes, bold condensed type, gritty vibe.
Style

Vintage Film

ANALOG
Vintage Film
Grain • Sepia • Frames
Sepia wash, grain overlay feel, serif headlines, film headings with captions.
Style

Circuit Board Neon

ELECTRON
PCB Neon
Traces • Nodes • Glow
Deep navy with cyan/green traces, grid dots, techy mono, glow accents.
Style

Solarized Terminal

SESSION
Solarized
>$ echo ready
Solarized dark palette, mono text, subtle borders, code‑centric layout.
Style

Memphis Sprinkles

MEMPHIS
Sprinkles
Dots • Dashes • Fun
80s Memphis shapes, playful sprinkles, bold pastels, quirky spacing.
Style

Zen Sand Garden

ZEN
Sand Garden
Calm • Lines • Stone
Raked sand lines, stone neutrals, quiet strokes, meditative spacing.
Style

Industrial Rust

INDUSTRIAL
Rust Works
Steel • Oxide • Grit
Oxide oranges, dark steel, stamped labels, heavy grids, rugged tone.
Style

Aurora Borealis

NORTH
Aurora
Waves • Night • Glow
Night gradients with flowing greens/purples, glow edges, soft stars.
Style

Purple Velvet Luxe

LUXE
Velvet
Rich • Plush • Gold
Deep velvet purples, gold accents, elegant serif, opulent spacing.
Style

Highlighter Zine

ZINE
Highlighter
Copy • Cut • Paste
Neon yellow paper, rough black type, photocopy vibe, DIY energy.
Style

Tropical Sunset Film

SUNSET
Tropical Reel
Warm • Grain • Chill
Warm gradient sky, film caption label, relaxed serif, holiday vibe.
Style

Coral Reef

REEF
Coral
Bubbles • Drift • Life
Cyan and coral palette, bubbly dividers, friendly rounded UI, lively.
Style

Botanical Sketchbook

BOTANY
Sketchbook
Leaf • Line • Label
Off‑white paper, pencil sketches, green ink headers, notebook accents.
Style

Concrete Minimal

CONCRETE
Bare Minimal
Raw • Grid • Order
Cool concrete grays, thin dark lines, sharp grid, industrial calm.
Style

Lavender Haze

SOFT
Lavender
Calm • Bloom • Light
Soft lavender and lilac tones, pill buttons, airy glow, dreamy feel.
Style

Duotone Punch

DUOTONE
Punch
Bold • Simple • Loud
Two‑color palette, oversized type, stark contrast, poster vibes.
Style

Gothic Cathedral

GOTHIC
Cathedral
Stone • Arch • Light
Charcoal stone, stained‑glass accents, tall blackletter headings, solemn.
Style

Coastal Navy

COASTAL
Navy Deck
Sea • Brass • Stripe
Navy and white, brass hints, maritime stripes, crisp typography.
Style

Copper & Charcoal

ALLOY
Copper & Charcoal
Metal • Weight • Heat
Warm copper accents on deep charcoal, metallic lines, premium industrial vibe.
Style

Mint SaaS Pastel

SaaS
Minty Fresh
Clean • Soft • Clear
Clean SaaS with mint pastels, soft cards, gentle shadows, friendly sans.
Style

Royal Newspaper

EDITION
Royal Gazette
Columns • Rules • Serif
Black/white serif with royal blue accents, rule lines, refined headlines.
Style

Neon Noir

NOIR
Neon Noir
Moody • Glow • Film
Moody dark with neon magenta/cyan trims, cinematic shadows, noir imagery.
Style

Claymorphism Soft

SOFT 3D
Clay UI
Pill • Plump • Plush
Soft 3D claymorphism cards, pill buttons, pastel surfaces, gentle depth.
Style

Gradient Mesh Art

MESH
Color Fields
Blobs • Blend • Art
Abstract gradient meshes, soft blobs, layered color fields, artistic vibe.
Style

Sakura Blossom

SAKURA
Blossom
Petal • Breeze • Bloom
Pale pinks and creams, petal dividers, soft shadows, tranquil typographic flow.
Style

Isometric Tech

ISO
Isometric
Angles • Depth • Grid
Isometric shapes, angled cards, cool blues and purples, precise grid accents.
Style

Paper Cut Collage

CUTOUT
Collage
Tear • Layer • Paste
Layered paper cutouts, torn edges, bold shapes, handmade collage feel.
Style

Noir Photography

NOIR
Shadows & Light
Grain • Contrast • Mood
High-contrast B/W, large photography, thin rules, elegant sans-serifs.
Style

Sakura Night

HANAMI
Night Blossom
Calm • Glow • Petal
Midnight indigo with luminous pink sakura accents, quiet glow, serene mood.
Style

Pastel Dashboard

DASH
Pastel Board
Cards • Charts • Calm
Soft pastel dashboard UI, rounded charts, gentle shadows, calm data visuals.
Style

Solar Punk Eco

ECO
Solar Punk
Bright • Clean • Future
Bright eco-futurism, greens/citrus hues, optimistic typography, clean energy motifs.
Style

Arctic Ice Glass

ARCTIC
Ice Pane
Frost • Chill • Clear
Icy glassmorphism, blue-white palette, frosted edges, crisp minimal elements.
Style

Terrarium Greens

TERRARIUM
Greenhouse
Leaf • Dew • Dome
Fresh green palette, soft glass containers, subtle moisture/gloss, botanical vibe.
Style

Metallic Chrome

CHROME
Reflect
Shine • Steel • Slick
High-gloss chrome accents, reflective gradients, sleek futuristic components.
Style

Organic Waves

FLOW
Waves
Curve • Drift • Ease
Fluid organic wave shapes, soft gradients, smooth motion, calming rhythm.
Style

Minimal Poster Type

POSTER
Type First
Grid • Space • Scale
Oversized typographic poster style, strict grid, stark spacing, few colors.
Style

Sunset Glass

DUSK
Sunset Glass
Warm • Glow • Soft
Warm sunset gradient with translucent glass cards and soft bloom highlights.
Style

Matrix Code

MATRIX
Wake up, Neo.
The Matrix has you…
Digital rain vibes: black background, neon green mono, subtle scanlines, matrix feel.