UI Style Museum
The Rosetta Stone for AI UI Generation. Preserving design diversity one prompt at a time.
Design a user interface inspired by the digital rain in 'The Matrix'. It should have a near-black background (#081A0F), with glowing, monospaced terminal-green text (#00FF00). Interactive elements should have a subtle glow effect and use a pale yellowish-green accent (#B3FFB3). The layout is clean and structured, reminiscent of a command-line interface. Use sharp corners (0px border-radius) and minimal visual clutter. The font should be a monospace variant of 'Space Grotesk'.
Create a brutalist web interface. Use raw, unstyled HTML elements with a monochromatic color scheme (black text on a white background). Typography is the focus, using a strong, bold sans-serif font like Arial Black. There are no gradients, shadows, or rounded corners. The layout is stark, grid-based, and functional, prioritizing content over ornamentation. Links are standard blue and underlined.
Design a UI with a glassmorphism effect. The main panels should have a background blur (backdrop-filter: blur(16px)) and semi-transparency (e.g., rgba(255, 255, 255, 0.1)). Use a vibrant, colorful abstract gradient as the main page background to make the effect pop. Add a subtle, 1px solid border with low opacity (e.g., rgba(255, 255, 255, 0.2)) to the glass panels. Use soft shadows to create depth and rounded corners (e.g., 16px) to enhance the friendly, modern feel.
Create a neobrutalist UI. Use a limited but high-contrast color palette with a bold primary color (e.g., electric blue or lime green) on an off-white background. Elements should have thick, black 1-2px solid borders and hard, black box-shadows with no blur and a slight offset (e.g., 4px 4px 0px #000). Use a chunky, geometric sans-serif font. Buttons and cards should be sharp-cornered or have a very minimal border-radius. Avoid gradients and subtle effects.
Design a UI with a soft, ethereal feel. The background should be a large, animated, slowly shifting mesh gradient of pastel colors, like an aurora borealis (e.g., blending soft pinks, purples, and blues). Text should be white or a very light gray for high readability. UI elements like cards and buttons should be semi-transparent or have a very subtle fill color, allowing the background gradient to show through. Use a clean, lightweight sans-serif font and generous white space to create a calm, spacious atmosphere. Apply a soft glow to interactive elements.
Design a dark, gritty UI inspired by cyberpunk noir films like Blade Runner. Use a very dark, desaturated blue or purple as the background. The primary UI elements should be highlighted with vibrant, flickering neon colors like magenta, cyan, and yellow. Use glitch effects and digital artifacts on text and interactive elements. The typography should be condensed and futuristic. The layout should feel dense and slightly chaotic, with overlapping panels and glowing data visualizations.