Theme: Style Instructions

A shared folder with AI prompts and code snippets

From workspace: BASE44

Team: Main

Total snippets: 10

BASE44

Theme: Style Instructions

10 snippets

Glassmorphism

Frosted glass effect with transparency, blur, and subtle borders that create depth and layering.

Key Features: - Backdrop blur - Transparency - Subtle borders - Light reflections - Layered interfaces

Neumorphism

Soft, extruded UI elements that appear to push through the surface, using subtle shadows to create a physical, tactile feel.

Key Features: - Subtle shadows - Soft UI - Monochromatic palette - Minimal depth - Light/dark versions

Neo-Brutalism

Bold colors, high contrast, thick borders, raw functionality, and intentionally 'undedesigned' aesthetics with rough edges.

Key Features: - High contrast colors - Thick borders - Harsh shadows - Raw typography - Unconventional layouts

Material Design

Google’s design language using grid-based layouts, responsive animations, padding, and depth effects like lighting and shadows.

Key Features: - Paper metaphor - Bold colors - Grid system - Responsive animations - Elevation shadow system

Claymorphism

Soft, puffy, rounded UI elements that appear like clay, with soft shadows and pastel colors.

Key Features: - Soft shadows - Rounded corners - Pastel colors - Puffy appearance - Playful feel

Apply Neo-Brutalist UI

Create a raw, expressive design with high contrast, thick borders, and harsh shadows.

Apply Neo-Brutalist design to the UI. Include: – High contrast color scheme (black, yellow, red, etc.) – Thick borders on containers and buttons – Minimal use of gradients or effects – Raw fonts, large text, harsh drop shadows –...

Apply Glassmorphism UI

Add glass-like effects using transparency, blur, and layered interfaces.

Apply Glassmorphism style to the current UI. Include: – Backdrop blur on cards and modal windows – Transparent containers with subtle light borders – Soft light gradients for layering depth – White or neon text on blurred backgrounds –...

Apply Neumorphism UI

Give the UI a soft, tactile feel with extruded components and subtle shadows.

Apply Neumorphism style to all components. Include: – Light or dark monochrome background – Elements with inner and outer shadows to mimic depth – Subtle hover effects – Rounded edges and soft UI behavior – Maintain minimalism and...

Apply Material Design UI

se structured layouts, bold colors, and animated elevation inspired by Google’s design system.

Apply Material Design principles to the UI. Include: – Grid-based layout system – Bold primary and secondary colors – Use of elevation (box shadows) to layer elements – Responsive animations (button press, page transitions) – Paper...

Apply Claymorphism UI

Style the UI using soft, puffy, and pastel elements to give it a clay-like appearance.

Apply Claymorphism style to the current app. Include: – Soft, smooth shadows for all UI blocks – Rounded corners on cards, buttons, and inputs – Use pastel colors for backgrounds and accents – Puffy button appearance with light gradients ...

BASE44 - Theme: Style Instructions - AI Prompts & Code Snippets | Snippets AI