自定义风格 UI 设计系统

关于这条提示词

引自 awesome-gpt-image · 类目「UI/社交」。

上游原文只给出占位「为我生成一个 xx 风格的 UI 设计系统 ...」，需要把 xx 替换成具体风格关键词。下面 3 段是可直接复制运行的「填空版」。

3 个套好的示例 · 3 Worked Examples

1) 蒸汽朋克 · Steampunk

ZH

为我生成一个「蒸汽朋克」风格的 UI 设计系统，包含网页、移动端、卡片、控件、按钮等内容。
画板 1920×1280，深咖啡 + 黄铜 + 暗红配色。
- 顶栏 logo 含黄铜齿轮、字体 Cinzel 风衬线；导航 Home / Workshop / Mechanism / Crew / Atelier。
- 网页大屏 Hero：蒸汽火车头 3D 渲染 + CTA 按钮「Engage Boiler」+ 副标「Powered by Steam since 1872」。
- 移动端首屏：黄铜框 iPhone 15 Mock，状态栏显示蒸汽压力替代信号格。
- 控件库 12 件：开关（拉杆式）、滑块（黄铜导轨）、按钮（圆形铆钉）、输入框（铜板镶嵌）、单选/复选（齿轮）、标签芯片、面包屑、tooltip、modal、toast、tabs、表格头。
- 卡片 4 种：玻璃管显示卡 / 木纹证书卡 / 铜板订单卡 / 齿轮节点卡，每种含 3 状态（默认 / 悬停 / 禁用）。
- 设计 token 表：颜色 8 主色、字号 8 阶（12-72）、间距 8 阶（4-128）、圆角 4 阶、阴影 3 阶。
- 字体规范：Cinzel 标题 / IBM Plex Serif 正文 / Inconsolata 数字。
所有英文规范、无错字、无机器语意混乱。

EN

A "Steampunk" UI design system: web, mobile, cards, controls, buttons. 1920×1280 board, dark-coffee + brass + dark-red palette.
- Top bar: brass-gear logo, Cinzel serif type; nav Home / Workshop / Mechanism / Crew / Atelier.
- Web hero: 3D steam locomotive + CTA "Engage Boiler" + tagline "Powered by Steam since 1872".
- Mobile: brass-framed iPhone 15 mock, status-bar shows steam pressure instead of signal bars.
- 12 controls: lever switch, brass-rail slider, riveted round button, copperplate input, gear radios/checks, label chips, breadcrumbs, tooltip, modal, toast, tabs, table header.
- 4 card types: vacuum-tube display / wood-grain certificate / copper order / gear-node, each in 3 states (default/hover/disabled).
- Design tokens: 8 colors, 8 type scales (12-72), 8 spacings (4-128), 4 radii, 3 shadows.
- Type stack: Cinzel headings / IBM Plex Serif body / Inconsolata numerals.
All English correct, no typographic glitches.

2) 新中式 · Neo-Chinese

ZH

为我生成一个「新中式」风格的 UI 设计系统，包含网页、移动端、卡片、控件、按钮等内容。
画板 1920×1280，留白主义 + 朱砂红点缀 + 水墨灰阶。
- 顶栏：篆刻印章 logo「研」+ 思源宋体导航：山海 · 博物 · 器皿 · 茶事 · 书屋。
- 网页 Hero：水墨远山 + 一支毛笔扫过的 CTA 按钮「访古」+ 副标「以现代之器，承古意之美」。
- 移动端首屏：竖排目录卡片三张「春茶、夏扇、秋砚」，宣纸纹理底。
- 控件库 12 件：开关（铜锁）、滑块（毛笔轨道）、按钮（朱印章 / 边框印章）、输入框（古籍栏线）、单选（铜钱）、复选（朱印），分页（折扇）、tooltip（竹简）、modal（屏风）、toast（书签）、tabs（卷轴标）、表格（账册）。
- 卡片 4 种：宣纸文章卡 / 黑漆器物卡 / 折扇横幅卡 / 印章人物卡，每种 3 状态。
- Token：色板 8 色（朱砂、靛青、月白、缟素、墨黑、雌黄、柳绿、藕荷）；字号 8 阶；间距 8 阶；圆角偏小（0/4/8/16）。
- 字体：思源宋体 Heavy 标题 / 思源宋体 Regular 正文 / 等线 数字。
所有汉字工整、印章布局正确、无错字。

EN

A "Neo-Chinese" UI design system: web, mobile, cards, controls, buttons. 1920×1280, minimalism + cinnabar accents + ink-grayscale.
- Top bar: seal logo "研" + Source Han Serif nav: 山海 · 博物 · 器皿 · 茶事 · 书屋.
- Web hero: ink mountains + brush-stroked CTA "访古" + tagline "以现代之器，承古意之美".
- Mobile: vertical card list "春茶、夏扇、秋砚" on rice-paper texture.
- 12 controls: copper-lock switch, brush-track slider, seal/outline-seal buttons, ledger-line input, copper-coin radio, seal check, folding-fan pagination, bamboo-slip tooltip, screen-modal, bookmark-toast, scroll-tab, ledger-table.
- 4 cards: rice-paper article / black-lacquer object / folding-fan banner / seal-portrait, each in 3 states.
- Tokens: 8 colors (朱砂/靛青/月白/缟素/墨黑/雌黄/柳绿/藕荷); 8 type scales; 8 spacings; small radii (0/4/8/16).
- Type: Source Han Serif Heavy headings / Regular body / DengXian numerals.
All Chinese correct; seals laid out properly; no errors.

3) Y2K 千禧赛博 · Y2K Cyber

ZH

为我生成一个「Y2K 千禧赛博」风格的 UI 设计系统，包含网页、移动端、卡片、控件、按钮等内容。
画板 1920×1280，金属银 + 电子蓝 + 荧光粉 + 半透明亚克力。
- 顶栏：3D 镀铬 logo「STARDUST」+ Eurostile 圆体字 导航 Home / Vibes / Mall / Chat / Vault。
- 网页 Hero：旋转 3D 折叠手机 + CTA「Tap to Boot」+ 副标「Web 1.0 forever」。
- 移动端首屏：模拟早期诺基亚 + 翻盖 UI，圆形菜单 6 宫格（贪吃蛇 / SMS / 通讯录 / 来电铃声 / 计算器 / Saker）。
- 控件库 12 件：开关（亮粉滑块）、滑块（CD 唱片轨）、按钮（凸起塑料 / 镭射）、输入框（液晶绿底）、单选（菱形宝石）、复选（爱心贴纸）、芯片、tooltip（气泡贴纸）、modal（CD 盒）、toast（PDA 提示）、tabs（金属翻页）、表格（Excel 旧版）。
- 卡片 4 种：CD 唱片卡 / 贴纸海报卡 / iPod 屏幕卡 / Photo Booth 卡，每种 3 状态。
- Token：色板 8 色（电蓝、荧粉、镀铬银、苹果绿、糖橙、雪白、午夜紫、蝴蝶蓝）；字号 8 阶；间距 8 阶；大圆角（8/16/24/9999）。
- 字体：Eurostile Extended 标题 / Helvetica 正文 / VT323 数字。
英文与品牌标识规范、无错字。

EN

A "Y2K Cyber" UI design system: web, mobile, cards, controls, buttons. 1920×1280, chrome-silver + electric-blue + neon-pink + frosted acrylic.
- Top bar: 3D chrome logo "STARDUST" + Eurostile Round nav Home / Vibes / Mall / Chat / Vault.
- Web hero: rotating 3D flip-phone + CTA "Tap to Boot" + tagline "Web 1.0 forever".
- Mobile: emulated early-Nokia flip UI, circular 6-grid menu (Snake / SMS / Contacts / Ringtones / Calculator / Saker).
- 12 controls: pink-slider switch, CD-disc slider, raised-plastic / laser button, LCD-green input, gem radios, sticker checks, chips, sticker-bubble tooltip, CD-case modal, PDA toast, metal-flip tabs, retro-Excel table.
- 4 cards: CD record / sticker poster / iPod screen / Photo Booth, each in 3 states.
- Tokens: 8 colors (electric blue, neon pink, chrome silver, apple green, candy orange, snow white, midnight purple, butterfly blue); 8 scales; 8 spacings; large radii (8/16/24/9999).
- Type: Eurostile Extended headings / Helvetica body / VT323 numerals.
English and brand text accurate, no errors.

在 saker 影视城里怎么用

saker 数字人直播 / 短视频 UI 模板，可作为 ComfyUI 工作流的封面合成参考。