Design Styles Terms for Vibe Coding

Design Styles22 entries

Minimalism

Keep it clean and uncluttered, with the content and buttons doing the talking.

Apple HIG

I want that polished Apple website feel: big images, big type, and lots of white space.

Notion Style

Make it feel like Notion—clean, text-first, and inviting to write in.

Bento Grid

Use one of those trendy feature sections made of differently sized tiles.

Glassmorphism

Use translucent frosted-glass panels where you can faintly see the background through them.

Neo-Brutalism

Go bold and expressive with thick black borders, bright color blocks, and hard shadows.

Swiss Style

Use a strict grid, big type, and precise alignment so it feels clean like a poster.

Editorial

Lay it out like a fashion magazine, with images and text woven together.

Skeuomorphism

Give it that early iPhone look, where buttons look like real buttons and notes look like actual notebooks.

Flat Design

No depth or shadows—just solid colors and simple shapes.

Material Design

Give it an Android-style look with layered cards and a ripple when people tap.

Neumorphism

Make the buttons look like they're softly raised out of the background in the same color palette.

SaaS Marketing Site

Make it look like a software company website: a big hero headline, product screenshots, customer logos, and pricing.

B2B Corporate Site

This site is for business customers, so it needs to feel professional, steady, and trustworthy.

DTC E-commerce

This is a brand's store, so it should have personality, tell a story, and make people want to buy.

Dark UI

Give it a high-tech look with a black background, like a code editor.

Playful Illustration

Make it more playful with fun illustrations and characters. Don't make it too serious.

Organic Design

Give it a more natural feel with earth tones, rounded shapes, and a handmade touch.

Y2K

Give it a Y2K retro-future feel with metallics, bubblegum colors, and translucent plastic.

Memphis

Use colorful geometric shapes, squiggles, and dots for an '80s feel.

Terminal Aesthetic

Make it feel like a hacker terminal: black background, green text, monospace type, and command-line vibes.

Wabi-sabi

Make it a little more understated and weathered, with lots of open space and a quiet sense of age.