01Bauhaus Grid
[:: prompt field ::] < type > < motion > < mood > < density >
Styles
Browse broader visual languages and compare how they alter the same brief
Styles now carry the visual exploration layer: 3D, Bauhaus, modern art, kinetic type, glass systems, and more, along with compare-style education.
Styles lab
From Bauhaus geometry to kinetic type and modern-art color
This tab is where the broader visual language lives. Use it to compare 3D depth, Bauhaus color blocks, micrographics, modern-art modularity, and motion-driven type systems before you write a prompt.
02Micrographic
axis001tone002scan003
03Modern Art
Colorsystemswith rhythm
04Kinetic Type
053D Sculpture
Compare lab
One prompt brief, multiple design languages
Comparison works best when the brief stays fixed. The prompt below is held constant so users can see what actually changes between each visual direction.
Shared briefSaaS landing / archive compare
Compare prompt
Design a SaaS landing page for an AI productivity tool with a dominant hero, one clear product proof zone, a conversion CTA, and enough typographic hierarchy to feel intentional rather than generic.
compare directionSaaS landing
Calm Precision UIdesignsignal
More breathing room, less noise, stronger clarity at first scan.
compare directionSaaS landing
Enterprise Grid Systemdesignsignal
Tighter modular rhythm, more explicit structure, stronger B2B trust cues.
compare directionSaaS landing
Creator Velocitydesignsignal
Faster hooks, bolder contrast, social-native momentum, higher energy.
Style compare
How one brief changes across style systems
Treat the same brief as a style test. These sample boards make the contrast between different visual languages much easier to read.
SaaS landingwide
Calm Precision UI
More breathing room, less noise, stronger clarity at first scan.
SaaS landingtall
Enterprise Grid System
Tighter modular rhythm, more explicit structure, stronger B2B trust cues.
SaaS landingsquare
Creator Velocity
Faster hooks, bolder contrast, social-native momentum, higher energy.
Library index10 prompt systems
Filter by facet and search the prompt library by title, summary, tags, or use case. Every result keeps the prompt and expected output preview visible.
Filter
Spatial drama3D
Immersive 3D
Cinematic hero objects, layered depth, and atmospheric lighting.
- 3D hero
- Lighting hierarchy
- Depth
- Sparse UI
Stitch prompt
Design an immersive 3D landing page with a cinematic hero object, layered depth, atmospheric lighting, and clear CTA separation.
Cultural polishEditorial
Editorial Grid 2D
Magazine pacing translated into web layout rhythm and type contrast.
- Asymmetric grid
- Serif contrast
- Captions
- Whitespace
Stitch prompt
Create a 2D editorial website with asymmetric grid composition, serif and sans pairing, strong image-text rhythm, and magazine-inspired pacing.
Choreographed energyMotion
Motion-first Canvas
Scroll choreography and staged reveals with readable fallback structure.
- Staggered reveals
- Directional flow
- Tempo
- Transitions
Stitch prompt
Design a motion-first landing page with choreographed reveals, directional transitions, layered scene changes, and clear readable sections.
Design disciplineMinimal
Minimal Monochrome
Strict neutral palette with tension created by spacing and typography.
- High contrast neutrals
- Bold type
- Few colors
- Precision
Stitch prompt
Create a minimal monochrome website with disciplined spacing, bold typography, limited accents, and a design-forward composition.
Atmospheric digital luxuryGradient
Premium Gradient Atmosphere
Soft light fields and premium color transitions instead of flat backgrounds.
- Glow layers
- Soft blends
- Color transitions
- Elegant contrast
Stitch prompt
Design a premium atmospheric landing page using controlled gradients, soft glow layers, elegant color transitions, and restrained UI overlays.
Playful rigorBauhaus
Bauhaus Color Block 3D
Primary color geometry, sculptural depth, and disciplined playful interaction.
- Primary shapes
- Color planes
- 3D blocks
- Grid order
Stitch prompt
Design a Bauhaus-inspired 3D website with primary color geometry, sculptural blocks, disciplined grid alignment, playful interaction, and strong spatial hierarchy.
Curated vibrancyModern Art
Modern Art Modular
Gallery-like modular framing with bold color placement and exhibition pacing.
- Modular frames
- Color accents
- Gallery captions
- Exhibition rhythm
Stitch prompt
Create a modern-art inspired website with modular framed sections, exhibition-style captions, bold but selective color fields, and curated pacing that feels like a digital gallery.
Lens depthGlass
Glass Lens Interface
Frosted layers, sharp color lenses, and premium translucency used as focus points.
- Frosted panels
- Lens blur
- Layered depth
- Highlight states
Stitch prompt
Design a glass-lens interface with frosted panels, selective blur, layered translucent surfaces, and crisp text contrast. Keep the glass effect controlled and use it to frame focus areas rather than every panel.
Type momentumKinetic Type
Kinetic Type Signal
Typography-led motion, strong rhythm, and bold scan sequencing.
- Animated type
- Tempo shifts
- Scan rhythm
- Directional motion
Stitch prompt
Create a kinetic typography web experience where motion is driven by large type, directional scene shifts, strong pacing cues, and crisp reading fallbacks.
Experimental edgeBrutalist
Brutalist Contrast
Raw blocks, oversized typography, visible borders, and deliberate tension.
- Visible borders
- Oversized type
- Stark contrast
- Raw rhythm
Stitch prompt
Create a brutalist-inspired website with oversized typography, visible borders, stark contrast blocks, and intentional raw composition.