风卡 StyleDeck

通用 UI 风格提示词画廊

看效果、抄提示词 —— 一套视觉语言,web 与 app 通用。30 张风格卡,每张都带实时预览与可直接复制的英文通用提示词,贴进任意 AI 工具即可生成网页或移动端界面。

浏览 30 种风格

如何使用

  1. 浏览卡片里的「实时预览」,快速判断风格是否对味。
  2. 点击「复制提示词」,把英文通用提示词贴进你的 AI 工具(提示词只描述视觉语言,不限定平台)。
  3. 用顶部标签按「暗色 / 极简 / 科技 / 拟物感」等维度筛选卡片。
当前皮肤:默认(中性画廊)

风格库 · Styles

30 张风格卡,左右翻屏浏览;点「换上这套皮肤」即可把整页外壳换成对应风格。

Aurora
98%uptime

Glassmorphism 玻璃拟态

彩色亮色拟物感

半透明磨砂面板浮在鲜艳渐变之上,轻盈、梦幻、现代。

Create a Glassmorphism user interface. Visual language: translucent frosted surfaces floating over vivid gradient fields. Palette: vibrant diagonal gradient from violet through blue to pink, with white text. Typography: clean medium-weight sans-serif. Materials & components: semi-transparent white panels with backdrop blur, 1px translucent white borders, pill buttons in translucent white. Lighting & depth: soft frosted blur and luminous edges, content appears to float above a colorful backdrop. Mood: airy, modern, and dreamlike. This is a universal prompt — describe only the visual style, never the platform, so it applies equally to a website or a mobile app. Deliver brand-grade, responsive, production-ready UI.
Nimbus
12likes

Neumorphism 新拟态

亮色拟物感极简

同色双向阴影挤出或凹陷出表面,触感柔和、克制、安静。

Create a Neumorphism user interface. Visual language: soft, monochrome extruded surfaces that feel pressed into or raised from a single matte background. Palette: light grey-blue base (#E0E5EC) with dark grey text and a single calm blue accent. Typography: rounded medium-weight sans-serif. Materials & components: same-color elements defined only by dual shadows (light top-left, dark bottom-right), no visible borders, pill buttons sharing the surface. Lighting & depth: gentle ambient dual-direction shadows give a tactile, cushion-like relief. Mood: calm, tactile, and quietly premium. This is a universal prompt — describe only the visual style, never the platform, so it applies equally to a website or a mobile app. Deliver brand-grade, responsive, production-ready UI.
GRID
24items

Minimal Swiss 瑞士极简

亮色极简

严格网格加巨号黑体,只用一点红,精准、克制、编辑感。

Create a Minimal Swiss user interface. Visual language: strict grid, generous whitespace, asymmetric layout, high contrast. Palette: pure white background, near-black text, a single red accent (#E2231A). Typography: very large bold grotesque sans-serif for headlines, tight tracking. Materials & components: hairline grid rules, no decoration, buttons as black outlined or solid black blocks with zero radius. Lighting & depth: flat, no shadows — structure comes from the grid alone. Mood: precise, confident, and editorial. This is a universal prompt — describe only the visual style, never the platform, so it applies equally to a website or a mobile app. Deliver brand-grade, responsive, production-ready UI.
RAW
v1.0build

Brutalist 野兽派

亮色极简复古

粗黑硬边框加零圆角加硬投影,原始、直白、有态度。

Create a Brutalist user interface. Visual language: raw, unpolished, high-contrast, rule-breaking. Palette: white background, pure black, with red as a hard accent. Typography: default system sans-serif, uppercase, heavy weight. Materials & components: 2–3px solid black borders, zero border-radius, buttons as black blocks with white text and a hard offset drop shadow. Lighting & depth: flat with hard offset shadows, no soft effects. Mood: bold, rebellious, and confrontational. This is a universal prompt — describe only the visual style, never the platform, so it applies equally to a website or a mobile app. Deliver brand-grade, responsive, production-ready UI.
SYS//404
0.8ms

Dark Neon Cyberpunk 暗黑霓虹

暗色彩色科技

近黑底加青品红霓虹辉光,电子、未来、张力十足。

Create a Dark Neon Cyberpunk user interface. Visual language: deep dark canvas lit by glowing neon. Palette: near-black background (#0A0A0F), neon cyan (#00F0FF) and magenta (#FF00E5) on dark panels, pale cyan text. Typography: monospace, technical. Materials & components: dark panels with 1px neon borders, buttons as neon-outlined glowing pills. Lighting & depth: outer glow and inner luminescence, scanline and bloom effects. Mood: electric, futuristic, and intense. This is a universal prompt — describe only the visual style, never the platform, so it applies equally to a website or a mobile app. Deliver brand-grade, responsive, production-ready UI.
OUTRUN
84bpm

Synthwave Retro 复古合成波

暗色彩色复古

紫粉日落渐变加透视网格地平线,复古、潮、带律动。

Create a Synthwave Retro user interface. Visual language: 1980s outrun aesthetic with sunset gradients and perspective grid. Palette: gradient from deep violet to hot magenta, chrome and pink type, cyan accents. Typography: bold condensed display with chrome/glow treatment. Materials & components: gradient pill buttons, glossy surfaces, neon grid horizon. Lighting & depth: neon glow and gradient sheen, retro bloom. Mood: nostalgic, energetic, and playful. This is a universal prompt — describe only the visual style, never the platform, so it applies equally to a website or a mobile app. Deliver brand-grade, responsive, production-ready UI.
Bloom
5new

Soft Pastel 柔和马卡龙

亮色彩色极简

马卡龙色块加大圆角柔影,温柔、可爱、无攻击性。

Create a Soft Pastel user interface. Visual language: gentle, rounded, candy-soft. Palette: blush background (#FDF6F9) with macaron blocks (pink, blue, mint), muted plum text, soft purple accent. Typography: rounded friendly sans-serif. Materials & components: large 20px+ radii, soft shadows, rounded cute buttons. Lighting & depth: diffuse soft shadows, no hard edges. Mood: warm, approachable, and comforting. This is a universal prompt — describe only the visual style, never the platform, so it applies equally to a website or a mobile app. Deliver brand-grade, responsive, production-ready UI.
The Quarterly
No.12issue

Editorial Magazine 杂志编辑

亮色极简

暖纸衬线大标题加多栏排版,文艺、隽永、像印刷品。

Create an Editorial Magazine user interface. Visual language: print-inspired, refined typography, multi-column reading. Palette: warm paper (#FAF8F3), ink-black text, thin dividers. Typography: elegant serif headlines (Georgia / Times), generous leading. Materials & components: hairline rules, drop-cap-style accents, buttons as underlined text links. Lighting & depth: flat, matte, paper-like. Mood: sophisticated, literary, and timeless. This is a universal prompt — describe only the visual style, never the platform, so it applies equally to a website or a mobile app. Deliver brand-grade, responsive, production-ready UI.
Prism
7colors

Mesh Gradient 渐变网格

彩色亮色

多层径向渐变流动网格加浮起白卡,鲜艳、流动、乐观。

Create a Mesh Gradient user interface. Visual language: flowing fields of overlapping radial color blobs. Palette: coral, violet, cyan, and yellow blended into a vibrant mesh, with a floating white glass card on top and dark text. Typography: clean medium-weight sans-serif. Materials & components: white translucent rounded card, white pill button. Lighting & depth: luminous color bleed, soft card shadow, subtle blur. Mood: vibrant, optimistic, and fluid. This is a universal prompt — describe only the visual style, never the platform, so it applies equally to a website or a mobile app. Deliver brand-grade, responsive, production-ready UI.
BLACK
100%pure

Monochrome Bold 单色大胆

暗色极简

近黑底加超大字加一点黄,自信、极简、几乎无彩。

Create a Monochrome Bold user interface. Visual language: almost colorless, oversized type, confident. Palette: near-black background (#111), white text, a single yellow accent (#FFD400). Typography: huge heavy uppercase sans-serif. Materials & components: white-outlined buttons, minimal surfaces. Lighting & depth: flat, high contrast, no gradients. Mood: bold, self-assured, and striking. This is a universal prompt — describe only the visual style, never the platform, so it applies equally to a website or a mobile app. Deliver brand-grade, responsive, production-ready UI.
Squish
3toys

Claymorphism 黏土拟态

亮色彩色拟物感

胖鼓 3D 表面加大圆角双阴影,玩具般、可爱、有触感。

Create a Claymorphism user interface. Visual language: puffy, three-dimensional, toy-like soft objects. Palette: soft lilac background (#F0E9FF), deeper lilac text and accents. Typography: rounded bold sans-serif. Materials & components: very large radii (30px+), puffy buttons and surfaces with inner + outer dual shadows. Lighting & depth: soft inner shadow plus outer soft shadow creates an inflated clay look. Mood: playful, friendly, and tactile. This is a universal prompt — describe only the visual style, never the platform, so it applies equally to a website or a mobile app. Deliver brand-grade, responsive, production-ready UI.
Dashboard
9tiles

Bento Grid 便当盒

亮色极简科技

大小不一的白色便当格,干净、现代、SaaS 感。

Create a Bento Grid user interface. Visual language: modular grid of neatly arranged tiles of varying sizes. Palette: white and off-white surfaces (#FFFFFF / #F7F7F8) with a clean blue accent. Typography: crisp medium-weight sans-serif. Materials & components: white rounded tiles with subtle borders and soft shadows, solid blue buttons, small data tiles. Lighting & depth: minimal, soft card shadows, clear separation. Mood: organized, modern, and trustworthy (SaaS-grade). This is a universal prompt — describe only the visual style, never the platform, so it applies equally to a website or a mobile app. Deliver brand-grade, responsive, production-ready UI.
TELEMETRY
42°core

Tech HUD 科技 HUD

暗色科技

深青底加切角青线加扫描线,精确、未来、像仪表盘。

Create a Tech HUD user interface. Visual language: futuristic heads-up display with chamfered panels and telemetry. Palette: deep teal-black background (#06121A), cyan (#9FE8FF) type and lines, monospace. Typography: monospace, letter-spaced, technical. Materials & components: chamfered (clip-path) panels with thin cyan borders, cyan-outlined chamfered buttons, data readouts. Lighting & depth: scanline overlay, thin glowing lines, no soft shadows. Mood: precise, mission-critical, and sci-fi. This is a universal prompt — describe only the visual style, never the platform, so it applies equally to a website or a mobile app. Deliver brand-grade, responsive, production-ready UI.
Harvest
6plots

Warm Earthy Organic 温暖大地有机

亮色极简

沙色底加陶土橄榄加有机形状,自然、舒缓、有人情味。

Create a Warm Earthy Organic user interface. Visual language: natural, hand-made, rounded organic forms. Palette: sand background (#F3EBDD), terracotta (#C66B3D) and olive (#6B6B3A) accents, warm brown text. Typography: humanist serif or rounded sans-serif. Materials & components: organic blob shapes, terracotta solid buttons, soft radii. Lighting & depth: soft diffuse shadows, matte natural surfaces. Mood: grounding, calm, and human. This is a universal prompt — describe only the visual style, never the platform, so it applies equally to a website or a mobile app. Deliver brand-grade, responsive, production-ready UI.
BRUTAL
100%bold

Neo-Brutalism 新野兽派

彩色极简

亮黄底加黑粗边加硬投影,张扬、直白、一点红。

Create a Neo-Brutalism user interface. Visual language: raw, loud, high-contrast anti-design with heavy borders and hard offset shadows. Palette: bright yellow base (#FFD23F) with black (#111) and a hot red accent. Typography: bold Arial / Helvetica, heavy weight, uppercase. Materials & components: white surface blocks with 3px solid black borders, zero radius, buttons as black blocks with white text and a hard offset drop shadow. Lighting & depth: flat fills with hard 8px offset shadows, no soft effects. Mood: confident, confrontational, and unapologetically bold. This is a universal prompt — describe only the visual style, never the platform, so it applies equally to a website or a mobile app. Deliver brand-grade, responsive, production-ready UI.
Material
3tiers

Material Design 材质设计

亮色彩色

浅灰底加白色抬升卡片加紫色圆角按钮,规整、可信、有层级。

Create a Material Design user interface. Visual language: clean, elevation-based, tactile and orderly. Palette: light grey background (#F5F5F5), white surfaces, purple accent (#6750A4). Typography: readable medium-weight sans-serif (Roboto-like). Materials & components: white cards with 12px radius and soft elevation shadow, rounded pill buttons in solid accent color. Lighting & depth: layered elevation shadows (0 4px 12px rgba(0,0,0,.15)), subtle depth cues. Mood: trustworthy, calm, and friendly. This is a universal prompt — describe only the visual style, never the platform, so it applies equally to a website or a mobile app. Deliver brand-grade, responsive, production-ready UI.
BAUHAUS
1919year

Bauhaus 包豪斯

亮色极简复古

米白底加红蓝黄几何块加粗黑线,理性、现代、标志感。

Create a Bauhaus user interface. Visual language: primary-color geometry, grids, functional forms. Palette: off-white (#F4F1EA) with red (#E63946), blue (#1D3557), yellow (#F1C40F). Typography: bold Arial, uppercase, geometric. Materials & components: thick black rules, square blue avatars, red square buttons, circular and triangular accents. Lighting & depth: flat, hard-edged, no shadows. Mood: rational, modernist, and iconic. This is a universal prompt — describe only the visual style, never the platform, so it applies equally to a website or a mobile app. Deliver brand-grade, responsive, production-ready UI.
ART DÉCO
24kgold

Art Deco 装饰艺术

暗色极简复古

近黑底加金色细线加扇形装饰,优雅、奢华、复古对称。

Create an Art Deco user interface. Visual language: elegant symmetry, geometric ornament, lavish restraint. Palette: near-black (#0E0E12) with gold (#C9A24B) lines and accents. Typography: refined serif, italic display, wide letter-spacing. Materials & components: gold hairline borders, fan and chevron motifs, buttons as gold-outlined rectangles. Lighting & depth: subtle gold glow, matte dark surfaces, no soft UI shadows. Mood: glamorous, timeless, and sophisticated. This is a universal prompt — describe only the visual style, never the platform, so it applies equally to a website or a mobile app. Deliver brand-grade, responsive, production-ready UI.
MEMPHIS
80svibe

Memphis 孟菲斯

彩色复古

浅底加彩色圆点锯齿碎块,俏皮、玩味、80 年代波普。

Create a Memphis user interface. Visual language: playful postmodern chaos, squiggles, dots, and clashing blocks. Palette: off-white (#FBFBF7) with red, blue, yellow and black confetti shapes. Typography: friendly bold sans-serif, slightly quirky. Materials & components: irregular outlined panels, patterned buttons, scattered geometric accents (circles, zigzags, triangles). Lighting & depth: flat, hard outlines, no realistic shading. Mood: fun, energetic, and irreverent. This is a universal prompt — describe only the visual style, never the platform, so it applies equally to a website or a mobile app. Deliver brand-grade, responsive, production-ready UI.
PIXEL
8bit

Pixel 8-bit 像素风

暗色复古

深底加限色霓虹像素块加等宽字,复古游戏、硬边、不抗锯齿。

Create a Pixel 8-bit user interface. Visual language: blocky retro game graphics, limited palette, hard edges. Palette: deep navy (#1A1A2E) with neon green (#33FF99), cyan (#00E5FF) and magenta (#FF00FF). Typography: monospace, pixelated, uppercase. Materials & components: 2px solid borders, blocky square buttons, no anti-aliased curves. Lighting & depth: hard offset pixel shadows, glowing neon edges, no gradients. Mood: nostalgic, retro-gaming, and crisp. This is a universal prompt — describe only the visual style, never the platform, so it applies equally to a website or a mobile app. Deliver brand-grade, responsive, production-ready UI.
CHROME
Y2Kera

Y2K Chrome 千禧铬

彩色复古

银色金属渐变加全息微光加气泡,闪亮、千禧、未来怀旧。

Create a Y2K Chrome user interface. Visual language: metallic futurism, iridescent shimmer, glossy bubbles. Palette: silver chrome gradient (#DDE3EC to #9AA7B8) with holographic micro-shine. Typography: shiny metallic uppercase lettering. Materials & components: glassy bubble panels with top highlight, chrome-gradient buttons with a specular highlight. Lighting & depth: specular highlights, soft reflections, glossy sheen. Mood: flashy, optimistic, and futuristic-nostalgic. This is a universal prompt — describe only the visual style, never the platform, so it applies equally to a website or a mobile app. Deliver brand-grade, responsive, production-ready UI.
Aero
100%fresh

Frutiger Aero 果冻气泡

亮色彩色拟物感

天空蓝渐变加气泡水波加玻璃高光,清新、光泽、自然科技。

Create a Frutiger Aero user interface. Visual language: glossy nature-tech, water, bubbles, and fresh air. Palette: sky-blue gradient with bubble textures, vivid green and blue. Typography: clean friendly sans-serif with soft highlights. Materials & components: frosted glass-white panels with a top highlight, glossy sphere buttons, floating bubbles. Lighting & depth: soft top highlights, watery translucency, gentle glow. Mood: optimistic, clean, and refreshing. This is a universal prompt — describe only the visual style, never the platform, so it applies equally to a website or a mobile app. Deliver brand-grade, responsive, production-ready UI.
user@host:~$
~$root

Terminal 终端

暗色科技复古

近黑底加绿色等宽字加闪烁光标,极客、终端、极简 utilitarian。

Create a Terminal user interface. Visual language: command-line aesthetic, monospaced text, ASCII structure. Palette: near-black (#0B0F0B) with bright green (#33FF66) text. Typography: monospace, technical, with a blinking cursor. Materials & components: bracketed buttons ([ label ]), no cards or rounded corners, plain text blocks. Lighting & depth: flat, glow-free, pure phosphor contrast. Mood: utilitarian, hacker-like, and minimal. This is a universal prompt — describe only the visual style, never the platform, so it applies equally to a website or a mobile app. Deliver brand-grade, responsive, production-ready UI.
Solarpunk
100%green

Solarpunk 太阳朋克

亮色彩色

暖奶油底加茂绿叶片加太阳,生态、乐观、自然科技。

Create a Solarpunk user interface. Visual language: eco-futurism, organic forms, living technology. Palette: warm cream (#F3EFE0) with lush green (#4C9A5B), sun gold, and sky blue. Typography: humanist serif or rounded sans-serif. Materials & components: soft translucent panels, leaf and sun motifs, rounded green pill buttons. Lighting & depth: soft natural light, gentle shadows, sunlit glow. Mood: hopeful, sustainable, and harmonious. This is a universal prompt — describe only the visual style, never the platform, so it applies equally to a website or a mobile app. Deliver brand-grade, responsive, production-ready UI.
lo-fi
lofi

Lo-fi 低保真

亮色极简

灰米底加细微噪点加去饱和描边,安静、柔和、低保真。

Create a Lo-fi user interface. Visual language: muted, grainy, calm analog texture. Palette: grey-beige (#E8E2D6) with desaturated tones. Typography: soft medium-weight sans-serif. Materials & components: subtle noise-textured surfaces, desaturated outlined buttons, low-contrast cards. Lighting & depth: diffuse, flat, understated shadows. Mood: cozy, quiet, and unobtrusive. This is a universal prompt — describe only the visual style, never the platform, so it applies equally to a website or a mobile app. Deliver brand-grade, responsive, production-ready UI.
Woodwork
oakwood

Skeuomorphism 拟物

亮色拟物感

木纹皮革底加真实缝线加光泽写实按钮,触感、工艺、拟真。

Create a Skeuomorphism user interface. Visual language: realistic physical materials, textures you can almost touch. Palette: warm wood and leather browns (#6B4423) with brass accents. Typography: embossed medium-weight sans-serif. Materials & components: stitched leather panels, engraved fields, glossy realistic buttons with radial highlights. Lighting & depth: inner and outer bevel shadows, specular highlights, tangible relief. Mood: familiar, crafted, and premium. This is a universal prompt — describe only the visual style, never the platform, so it applies equally to a website or a mobile app. Deliver brand-grade, responsive, production-ready UI.
VAPOR
wave

Vaporwave 蒸汽波

暗色彩色复古

紫粉渐变加透视网格加故障色差,梦幻、复古未来、超现实。

Create a Vaporwave user interface. Visual language: glitchy retro-future, neon grid, statues and palm silhouettes. Palette: gradient from deep violet (#2D1B4E) to hot pink (#FF71CE), with cyan accents. Typography: wide spaced display with chromatic aberration. Materials & components: neon grid backgrounds, pink gradient buttons with color-split, translucent panels. Lighting & depth: neon glow, chromatic offset, retro bloom. Mood: dreamy, nostalgic, and surreal. This is a universal prompt — describe only the visual style, never the platform, so it applies equally to a website or a mobile app. Deliver brand-grade, responsive, production-ready UI.
Windows 95
v4.0os

Retro OS Win95 复古系统

亮色复古拟物感

经典灰底加斜面边框加蓝色标题栏,怀旧、熟悉、系统感。

Create a Retro OS Windows 95 user interface. Visual language: classic desktop chrome, beveled 3D widgets. Palette: classic grey (#C0C0C0) with navy title-bar gradient and white text. Typography: system sans-serif, regular weight. Materials & components: beveled windows (light top-left, dark bottom-right), blue gradient title bars, grey beveled buttons. Lighting & depth: hard 2px bevel shadows, no soft blur. Mood: nostalgic, familiar, and utilitarian. This is a universal prompt — describe only the visual style, never the platform, so it applies equally to a website or a mobile app. Deliver brand-grade, responsive, production-ready UI.
✦ Mystic
stars

Mystic 神秘星象

暗色彩色

深靛底加金色星座加紫罗兰光晕,神秘、星象、宁静。

Create a Mystic user interface. Visual language: celestial, starry, astrological ambiance. Palette: deep indigo (#1B1035) with gold constellations and violet glow. Typography: elegant serif display with glowing accents. Materials & components: translucent dark panels with gold hairline borders, glowing gold buttons, star and constellation motifs. Lighting & depth: soft violet halo, starry specks, luminous gold edges. Mood: mysterious, magical, and serene. This is a universal prompt — describe only the visual style, never the platform, so it applies equally to a website or a mobile app. Deliver brand-grade, responsive, production-ready UI.
kawaii♡
cute

Kawaii 可爱风

彩色亮色

柔粉底加马卡龙 blob 加爱心星星,甜美、圆润、可爱。

Create a Kawaii user interface. Visual language: cute, round, candy-colored playfulness. Palette: soft pink (#FFF0F5) with macaron mint, lemon, and sky-blue blobs. Typography: rounded friendly sans-serif, extra cute. Materials & components: large rounded panels with pastel borders, candy-circle buttons, hearts and stars. Lighting & depth: soft diffuse shadows, gentle highlights, no hard edges. Mood: sweet, cheerful, and comforting. This is a universal prompt — describe only the visual style, never the platform, so it applies equally to a website or a mobile app. Deliver brand-grade, responsive, production-ready UI.

组件演示 · Components

应用任意皮肤,下面这些组件会整体换装 —— 全部由外壳设计令牌(色彩 / 圆角 / 阴影 / 字体)驱动,换肤即整体变色。

操作
偏好
选择计划
通知
50
上传进度
标签
精选 设计 灵感
成员

林知微

产品设计师 · 专注视觉系统