sintbot 1.0.15 → 1.3.0

package/assets/design-styles/extra/ulm-functional.md

@@ -1,182 +0,0 @@
----
-name: 乌尔姆功能
-description: 器物的可操作感——机身白外壳、4px 栅格无例外、信号红只标"能按的地方",有薄影就等于能碰
-suits: "工具产品"
-colors:
-  shell: "#F0EDE5"
-  ink: "#2B2B29"
-  muted: "#8A8A87"
-  signal: "#C02820"
-  ciel: "#7FB2D4"
-  line: "#D6D2C8"
-fonts:
-  latin: "'Rotis Sans Serif', 'Frutiger'"
-  cjk: sans
-typography:
-  headline:
-    latin: "'Rotis Semi Sans', 'Univers', 'Frutiger'"
-    fontSize: "26px"
-    fontWeight: 600
-    lineHeight: 1.3
-    letterSpacing: "-0.005em"
-  body:
-    fontSize: "15px"
-    fontWeight: 400
-    lineHeight: 1.55
-    measure: "68ch"
-  label:
-    latin: "'IBM Plex Mono', 'SF Mono', 'Noto Sans Mono'"
-    fontSize: "12px"
-    fontWeight: 500
-    letterSpacing: "0.06em"
-border:
-  width: "1px"
-  style: solid
-  emphasis: "2px"
-rounded:
-  sm: 2px
-  md: 4px
-spacing:
-  unit: "4px"
-  gutter: "16px"
-  margin: "24px"
-  maxWidth: "1080px"
-  columns: 12
-elevation:
-  mode: shadow
-  levels: "1"
-imagery:
-  ratio: "3:2"
-  treatment: grayscale
-  crop: hard
-icon:
-  style: line
-  strokeWidth: "1.5px"
-  linecap: butt
-  corner: sharp
-components:
-  button-primary:
-    backgroundColor: "{colors.signal}"
-    textColor: "{colors.shell}"
-    typography: "{typography.label}"
-    rounded: "{rounded.sm}"
-    height: "40px"
-    padding: "16px"
-  button-secondary:
-    backgroundColor: "{colors.shell}"
-    textColor: "{colors.ink}"
-    typography: "{typography.label}"
-    rounded: "{rounded.sm}"
-    height: "40px"
-    padding: "16px"
-  input-field:
-    backgroundColor: "{colors.shell}"
-    textColor: "{colors.ink}"
-    typography: "{typography.body}"
-    rounded: "{rounded.sm}"
-    height: "40px"
-    padding: "12px"
-  card:
-    backgroundColor: "{colors.shell}"
-    textColor: "{colors.ink}"
-    rounded: "{rounded.md}"
-    padding: "16px"
-  toggle-track:
-    backgroundColor: "{colors.muted}"
-    rounded: "{rounded.sm}"
-    height: "24px"
-    width: "40px"
-  toggle-on:
-    backgroundColor: "{colors.signal}"
-  tag:
-    backgroundColor: "{colors.ciel}"
-    textColor: "{colors.ink}"
-    typography: "{typography.label}"
-    rounded: "{rounded.sm}"
-    height: "24px"
-    padding: "8px"
-  status-dot:
-    backgroundColor: "{colors.signal}"
-    rounded: "{rounded.sm}"
-    size: "8px"
----
-
-## Overview
-
-参照物:**Dieter Rams**(Braun 设计负责人 1961-1995;Vitsœ 606 通用搁架系统 1960,MoMA 永久馆藏)与 **Otl Aicher**(1953 年与 Inge Scholl、Max Bill 共同创办 HfG Ulm;1972 慕尼黑奥运视觉系统与象形符号;**Rotis** 字体家族 1988,四个变体 serif / semi-serif / semi-sans / sans,至今 bulthaup 在用)。
-它产出的不是版面,是**器物**。判断标准也不是"好不好看",而是三个能逐元素查的问题:**这个颜色表示什么?这个尺寸是 4 的几倍?这个东西能不能按?**
-
-## Colors
-
-**规则先于色值:每个颜色都必须能写出一行职责,写不出来的删掉。**
-
-- **shell (#F0EDE5)**:机身白,微灰微暖,全部底色——是**灰**不是纸白,这是它的底子。
-- **ink (#2B2B29)**:文字与图标,配 shell 12.1:1。层级靠字号与字重,不靠变浅。
-- **muted (#8A8A87)**:**非文字元素专用**——分隔加重、开关轨道、禁用态、图标次级笔画。⚠ 配 shell 只有 2.96:1,**任何字号都不达标**,所以它不承载文字;次级文字一律用 ink 降字号/降字重,这正是 Rams 的做法。
-- **signal (#C02820)**:**信号红,只标"可按 / 正在发生 / 出错"三件事**,配 shell 白字 5.0:1。一屏最多一处——有两个红点就等于没有信号。
-- **ciel (#7FB2D4)**:慕尼黑浅蓝,用于**中性状态标记**(标签、信息提示、选中态底),配 ink 6.2:1 可承载文字。它永远不表示"可按"。
-- **line (#D6D2C8)**:1px 分隔线与输入框边。
-- **1972 的「去政治」色板**:Aicher 为慕尼黑奥运定的浅蓝/绿/银/橙里**刻意不放红与黑**(避开 1936 年的联想),主色定为"非政治的浅蓝,和平的颜色",整套色相取自巴伐利亚阿尔卑斯。**这说明色板是可以被决定出来的**——先写清每个颜色的职责与禁忌,再选色值。本档就照此写。
-- ⚠ 出处如实标注:Braun 的三个色值来自二手聚合站点、不是官方色卡;慕尼黑 1972 的官方 hex 规范未找到,`#7FB2D4` 是按文献定性描述校准的值。
-
-## Typography
-
-- 标题 Rotis Semi Sans 600 / 26px——**标题不大**。这套风格里标题是标签,不是海报字。正文 Rotis Sans 400 / 15px,行距 1.55,行宽 68ch,信息密度可以高。
-- 小标签走**等宽**(IBM Plex Mono)500 + 0.06em:参数、单位、编号、状态码一律等宽,数字要能上下对齐——这是仪表盘的基本要求,也是这套的签名细节。
-- 标题正文反差只有 26/15 ≈ 1.7 倍。**反差小是故意的**:器物界面靠位置与分组分层,不靠字号轰炸。
-
-## Layout
-
-- **4px 栅格无例外**:所有间距、尺寸、位置都是 4 的整数倍;控件高度只有 **32 / 40 / 48** 三档。这条最容易破也最该守——出现一个 13px 就说明有人在凭手感调。
-- 12 列网格、齐左;标签在控件上方或左侧,固定一种、全站不混用。分组用 16px 间距 + 一条 1px line,不用卡片套卡片。图片 3:2 灰度硬裁,不加圆角不加影(它是资料,不是装饰)。
-
-## Elevation & Depth
-
-`shadow` 模式,但**极薄**,而且带一条硬规则:
-
-1. **Level 0**:shell 底 + 1px line 分区。不可操作的区域**一律无影**。
-2. **Level 1**:`0 1px 2px rgba(0,0,0,.10)`——**只出现在可操作元件上**(按钮、开关、可点卡片)。
-
-**这条规则本身就是信息:有影 = 能碰。** 于是阴影从装饰变成了功能编码,用户不读文案也知道哪里能按——和信号红是同一套逻辑的两个通道。
-没有 Level 2:弹层用 1px 边 + shell 底解决,不靠加厚阴影。
-Don't:大投影、多层投影、玻璃拟态、渐变高光、外发光聚焦环(聚焦用 `border.emphasis` 2px signal 描边解决)。
-
-## Shapes
-
-- 圆角只有两档:`sm 2px`(按钮、输入框、标签、状态点)与 `md 4px`(卡片),**没有第三档**。2-4px 的倒角是**注塑件脱模的痕迹**,不是"柔和一点",所以它小到几乎看不见才对。
-- 描边 1px 全站统一,强调态(聚焦/选中)2px。允许的形:矩形、圆角矩形(2/4px)、正圆(仅状态点与旋钮)、等宽线段。图标走线性、**1.5px 等宽笔画**、平头端点、直角:**要像仪表符号,缩到 16px 仍可辨**。
-
-## Components
-
-- **主按钮**:signal 实底 + shell 字 + 2px 圆角 + Level 1 薄影,40px 高,**一屏一个**。**次按钮**:shell 底 + 1px line 边 + ink 字,同 40px;它同样有薄影,因为它也能按。
-- **输入框**:shell 底 + 1px line 边,40px 高;聚焦 = 边框换 2px signal,不加发光。**卡片**:shell 底 + 4px 圆角 + 1px line;**可点的卡片才加薄影**,纯展示卡不加。
-- **开关**:40×24 轨道,关 = muted,开 = signal;位置变化与颜色变化同时发生。
-- **标签**:ciel 底 + ink 等宽小字,24px 高——它是状态不是按钮,**所以不加影**。**状态点**:8px signal 方点,只表示"正在发生"或"有异常"。
-
-## Do's and Don'ts
-
-- Do:**信号色即功能编码**。Rams 的 Braun 产品里颜色只出现在操作点——T3 口袋收音机只有电源键是红的,ET44 计算器只有一个黄色指示。**颜色一旦不表示功能,就该删掉。**
-- Do:先写职责表再选色值(见 Colors 里 1972 那段的做法);4px 栅格逐元素查,控件高度只用 32/40/48;等宽字放一切数字与参数。
-- Don't:做成瑞士网格的翻版(见下节);用颜色去"好看"——不表示功能就删;让 muted 承载文字(见 Colors)。
-- Don't:大投影、玻璃拟态、渐变高光。
-- Don't:图标画成插画。图标是符号不是配图。
-
-## 与「瑞士网格」「精密仪表」的分界
-
-**对瑞士网格**——最需要警惕的一对:两者都冷静、都无装饰,但目标物不同。瑞士网格是纸白底 #F4F3EF、圆角恒 0、一律禁影、8px + 列网格,重点在**版面构成**;这一套是**灰**机身白 #F0EDE5 + 中灰 #8A8A87、**2px/4px 两档倒角**、**1px 薄影且只在可操作元件上**、**4px 栅格无例外**(控件高 32/40/48),重点在**器物的可操作感**。
-一句话:**它产出的是控件,瑞士网格产出的是版面。** 交付物若是一张海报或一页文章,选瑞士网格;若是一台机器的面板,选这一套。
-
-**对精密仪表**——同为「工具产品」档,4px 单位与小圆角几乎一样,分界在三处:①底色**冷白 #FAFAFA 对暖灰 #F0EDE5**;②强调是**蓝**(链接与主操作,可反复出现)对**信号红**(只标可按/正在发生/出错,一屏一处);③精密仪表 `elevation: flat` 完全无影、层次靠发丝线与密度,这一套**用 1px 薄影编码"能碰"**。
-选法:做**屏幕原生的数据密排**(表格、日志、指标墙)用精密仪表;做**一台机器的操作面板**(少量控件、每个都要一眼看出能不能按)用这一套。
-
-## Composition
-
-- 一屏一任务:主控件居左上,参数区成列排下,状态区固定在同一位置。
-- 视觉重量分布均匀,不做戏剧性焦点——唯一的焦点是那处 signal 红。配图走 3:2 灰度实拍(器物、结构、剖面),不用插画、不用氛围图。
-- 版面里可以出现刻度、编号、单位;它们是内容不是装饰,一律等宽字。
-
-## Image Prompt Templates
-
-- base: "Ulm School functional design, industrial product interface, warm grey machine-white housing (#F0EDE5), near-black type (#2B2B29), one single signal red accent used only on the active control (#C02820), pale Munich blue status tag (#7FB2D4), strict 4px modular grid, tiny 2-4px corner radii, 1px hairlines, extremely thin 1px shadow only under interactive parts, Braun product aesthetic, Otl Aicher pictogram system, monospaced technical labels and numerals, flat, matte, no gradient"
-- negative: "large soft shadow, glassmorphism, gradient glow, neon, decorative color, illustrative icon, hand-drawn, gold, pill-shaped button, big rounded corners, 3D render, glossy plastic, lens flare, colorful dashboard"
-- 注:模型默认会给"现代 SaaS 仪表盘"(紫蓝渐变、大圆角、彩色图表),提示词必须写 "matte, no gradient, monochrome except one red";出图后按三条指标验收:**颜色是否都能说出职责 / 尺寸是否都是 4 的倍数 / 有影的地方是否都能按**。

package/assets/design-styles/extra/wa-shikimen.md

@@ -1,160 +0,0 @@
----
-name: 和・色面
-description: 伝統色的大块平涂,色面拼出形体、不描轮廓;和文ベタ組み贴身排——战后日本平面的骨相,不是留白性冷淡
-suits: "品牌门面 · 内容阅读"
-colors:
-  paper: "#FBFAF5"
-  ink: "#2A4073"
-  muted: "#595857"
-  line: "#6C848D"
-  accent: "#EB6101"
-  kakishibu: "#9F563A"
-typography:
-  headline:
-    fontFamily: "'Ten Mincho', 'Yu Mincho', 'Hiragino Mincho ProN', 'Noto Serif JP', 'Noto Serif SC', serif"
-    fontSize: "40px"
-    fontWeight: 600
-    lineHeight: 1.35
-    letterSpacing: "-0.02em"
-  body:
-    fontFamily: "'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'Noto Sans SC', sans-serif"
-    fontSize: "16px"
-    fontWeight: 400
-    lineHeight: 1.85
-    letterSpacing: "0em"
-    measure: "34em"
-  label:
-    fontFamily: "'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'Noto Sans SC', sans-serif"
-    fontSize: "12px"
-    fontWeight: 500
-    letterSpacing: "0.18em"
-border:
-  width: "0px"
-  style: none
-  emphasis: "0px"
-rounded:
-  none: 0px
-spacing:
-  unit: "8px"
-  gutter: "24px"
-  margin: "48px"
-  maxWidth: "1080px"
-  columns: 12
-elevation:
-  mode: flat
-  levels: "0"
-imagery:
-  ratio: "1:1"
-  treatment: duotone
-  crop: hard
-icon:
-  style: line
-  strokeWidth: "1px"
-  linecap: butt
-  corner: sharp
-components:
-  button-primary:
-    backgroundColor: "{colors.ink}"
-    textColor: "{colors.paper}"
-    typography: "{typography.label}"
-    rounded: "{rounded.none}"
-    height: "44px"
-    padding: "24px"
-  card:
-    backgroundColor: "{colors.paper}"
-    textColor: "{colors.ink}"
-    rounded: "{rounded.none}"
-    padding: "32px"
-  tag:
-    backgroundColor: "{colors.muted}"
-    textColor: "{colors.paper}"
-    typography: "{typography.label}"
-    rounded: "{rounded.none}"
-    padding: "8px"
-  color-plane:
-    backgroundColor: "{colors.accent}"
-    rounded: "{rounded.none}"
-    size: "160px"
----
-
-## Overview
-
-参照物:田中一光 1981 年为 UCLA 亚洲表演艺术研究所做的《日本舞踊》海报——三个黑方块加两个深灰三角拼出发髻,一个红方块加两个亮色三角拼出和服(MoMA、V&A、悉尼 Powerhouse 三馆藏)。六个色值全部取自和色大辞典的日本伝統色官方色表,括号里即**伝統色名**。
-一句话:**形体由色面拼出来,不由线画出来。** 这是它与所有「东方风」模板的分水岭——那些画细线、留白、配小字;这一套是大块平涂的伝統色,余白是留给色面呼吸的,不是为了显得空。
-原研哉在《白》里区分过两个词:emptiness(受容的空)与 simplicity(西方的简)。白在这里是「有待填入」的状态,不是「什么都不放」的洁癖。
-
-## Colors
-
-- **paper (#FBFAF5,生成り kinari)**:未漂白生丝的白,微黄,全部底色。
-- **ink (#2A4073,深縹 koki-hanada)**:主文字与主色面。它是**蓝**不是黑,整张图的调子由此偏冷;配 paper 9.7:1。
-- **muted (#595857,墨 sumi)**:次级文字、小标签底。配 paper 6.8:1。
-- **line (#6C848D,藍鼠 ai-nezu)**:第三色面与极少的分隔线。配 paper 3.8:1 ⇒ 只做面与线,不做文字底。
-- **accent (#EB6101,朱色 shu)**:唯一的暖色,一版一处。⚠ **不承载任何文字**——白字 3.2:1、深縹字 3.0:1,两头都不够。它是一块**色面**。
-- **kakishibu (#9F563A,柿渋色)**:第二色面,只用于图形。⚠ 它配 paper 其实有 5.2:1、放白字读得清,**禁它承载文字是构图纪律不是可读性问题**:色面一旦开始装字,色面構成就退化成普通彩色卡片。
-
-## Typography
-
-- 标题明朝体(首选 Adobe **Ten Mincho** 貂明朝,西塚凉子与 Robert Slimbach,骨相取自江户中后期瓦版印刷的手写笔势),正文黑体。**标题衬线、正文无衬线**是这套的常规。
-- **ベタ組み**:和文与中文正文字距恒 `0em`,字身框贴字身框排——这是和文排版的默认制式,松一点点就散。
-- **字距两极分化**是签名:正文 `0em` 贴身,拉丁小标签 `0.18em` 拉到极开,中间值不许出现。
-- 标题正文字号比 40/16 = 2.5 倍;层级只走这两档,不设中间号。
-
-## Layout
-
-- **版面率低**是硬指标,三条都能量出来:文字块占版面 ≤40%、余白 ≥45%、单一色面占版面 ≥1/3。
-- 12 列网格用来定色面的边,不用来切文字栏——色面可以横跨 5 列、7 列,但边必须落在格线上。
-- **縦組(竖排)** 可用一栏且仅一栏。⚠ 竖排里的拉丁长词必须转横排小块(縦中横)或改全角,把半角单词竖着摞下来是错排。
-- 分隔尽量不做;非做不可时用一条 1px 藍鼠细线,不用粗分割条。
-
-## Elevation & Depth
-
-**零阴影**。层次全部来自色面的**大小与叠压顺序**——这是丝网印刷的物理:先印的在下,后印的在上。
-
-1. 底:paper 生成り。
-2. 大色面(深縹/藍鼠/柿渋)直接压在底上,**边缘绝对硬**,不描边、不留缝。
-3. 小色面(朱色)压在大色面上,面积比 ≤1/8。压住即遮挡,**不做半透明、不做混色叠印**。
-
-判断层级只看一件事:谁盖住了谁。所以色面之间必须**有实打实的重叠**(至少 24px),擦边并置会让层次消失、整张变成拼贴。
-Don't:任何 blur 阴影、任何投影、任何"浮起来"的卡片。这套风格里没有 Z 轴,只有先后。
-
-## Shapes
-
-形状语言 = **色面構成**:主体由 3-5 个几何块拼成,**不画轮廓线**。
-
-- 允许的块只有四类:矩形、正圆、三角形、半圆——用它们拼出人、器物、山、花。**圆角恒 0**,无例外。
-- 描边宽度 0——这套风格里没有"描边"这个概念,边界由两块颜色的交界产生;图标走 1px 细线、平头端点、直角相交,是唯一允许出现线条的地方。
-
-## Components
-
-- **按钮**:深縹实底 + 生成り字,直角无影;次级按钮 = 生成り底 + 深縹字,靠字色区分。
-- **卡片**:就是一块 paper 色面,padding 32px,不加边框不加影——它靠周围的余白成立。**标签**:墨色实底 + 生成り小字 + 0.18em 字距,小而横排成列。
-- **色面**:朱色方块,纯装饰元件,**不可放字、不可点击**;它在版面里的角色相当于印章。
-
-## Do's and Don'ts
-
-- Do:一版只用 2-3 个伝統色 + 生成り底;第四个想上场时先删一个。
-- Do:把最大那块色面做到**跨过版心**——大到"有点过分"才是这个风格。
-- Do:正文严格 `0em`、拉丁小标签严格 `0.18em`,这两个数是签名,不许调和。
-- Don't:做成「纯白 + 细灰线 + 极小字」的性冷淡模板。**战后日本平面的主干是伝統色的大块平涂**,不是无色——这是本档最大的误读风险。
-- Don't:樱花、富士山、鸟居、浮世绘浪花当背景贴图。要日本感就用色与构成,不用符号。
-- Don't:书法字体排正文;毛笔字只允许作为单个大字出现。
-- Don't:**假日文**——把汉字词拼成看起来像日文的「和风文案」。写不出正确日文就写中文或纯图形;**错一个假名整张废**,而这类错误母语者一眼可见。
-- Don't:朱色或柿渋上放字(见 Colors)。
-
-## 与「新中式」的分界
-
-全库最容易撞的一对,方向其实是**相反**的:新中式是暖宣纸底 #F5F0E6 + 墨(暖黑)+ 朱砂印章,手法是**线描**、白描、木版水印,字距**松**(0.05-0.15em);
-和・色面是灰调生成り #FBFAF5 + 深縹(蓝),手法是**色面平涂**、拼块、无轮廓,字距**零**(ベタ組み),朱色是压在大色面上的一块面而不是落款印。
-判定口诀:看到"线描 + 松字距 + 暖墨"是新中式;"平涂 + 零字距 + 冷蓝"才是这一套。**不是近亲,别互相借元素。**
-
-## Composition
-
-- 一版一主体:主体由几块几何色面拼成,居版心偏上或偏左,四周大片生成り余白。
-- 小字块(标题/署名)贴着某块色面的边排,与色面**对齐而不居中**。
-- 图片处理成双色(生成り + 深縹),硬裁成正方,直接落在版面上不加框;一版内只出现一次竖排,只出现一处朱色。
-
-## Image Prompt Templates
-
-- base: "post-war Japanese graphic design poster, flat color-plane composition, subject assembled from 3-5 geometric blocks with no outlines, warm unbleached kinari paper ground (#FBFAF5), deep hanada indigo (#2A4073), sumi grey (#595857), ai-nezu blue-grey (#6C848D), one small vermilion shu block (#EB6101), large uninterrupted negative space, silkscreen flat printing, hard edges, no shading, mincho display type with tight CJK setting"
-- negative: "outline drawing, line art contour, cherry blossom, Mount Fuji, torii gate, ukiyo-e wave, calligraphy brush script as body text, kawaii illustration, pure white background, gradient, drop shadow, 3D render, glossy, pastel palette, wide letter spacing on CJK"
-- 注:版面里若要出现日文,**必须确认假名与汉字都写对**,拿不准就只放中文或纯图形;提示词补 "flat vector, no gradient" 压住模型自动加的光影,补 "tight CJK typesetting" 防它把中文排松。

package/assets/design-styles/extra/y2k-chrome.md

@@ -1,172 +0,0 @@
----
-name: 千禧未来
-description: 液态铬字、果冻高光与 Bondi 蓝——1998-2002 那种半透明塑料的乐观未来感,克制着用才好看
-suits: "活动推广 · 生图插画"
-colors:
-  ice: "#E6F2F7"
-  steel: "#2A3340"
-  accent: "#0095B6"
-  citrus: "#FF6A00"
-  magenta: "#FF2E9A"
-  chrome: "#C7D2DB"
-  muted: "#5F7183"
-  line: "#9FB3C0"
-fonts:
-  latin: "'Rubik'"
-  cjk: sans
-typography:
-  headline:
-    latin: "'Eurostile', 'Michroma'"
-    fontSize: "48px"
-    fontWeight: 700
-    lineHeight: 1.1
-    letterSpacing: "0.06em"
-  body:
-    fontSize: "16px"
-    fontWeight: 400
-    lineHeight: 1.6
-    measure: "62ch"
-  label:
-    latin: "'Share Tech Mono', 'Noto Sans Mono CJK SC'"
-    fontSize: "12px"
-    fontWeight: 400
-    letterSpacing: "0.10em"
-border:
-  width: "1px"
-  style: solid
-  emphasis: "2px"
-rounded:
-  sm: 8px
-  md: 12px
-  pill: 999px
-spacing:
-  unit: "8px"
-  gutter: "24px"
-  margin: "32px"
-  maxWidth: "1120px"
-  columns: 12
-elevation:
-  mode: shadow
-  levels: "2"
-imagery:
-  ratio: "4:3"
-  treatment: duotone
-  crop: rounded
-icon:
-  style: solid
-  strokeWidth: "2px"
-  linecap: round
-  corner: round
-components:
-  button-primary:
-    backgroundColor: "{colors.accent}"
-    textColor: "{colors.ice}"
-    typography: "{typography.label}"
-    rounded: "{rounded.pill}"
-    height: "44px"
-    padding: "20px"
-  button-secondary:
-    backgroundColor: "{colors.chrome}"
-    textColor: "{colors.steel}"
-    rounded: "{rounded.pill}"
-    height: "44px"
-  tag:
-    backgroundColor: "{colors.citrus}"
-    textColor: "{colors.steel}"
-    typography: "{typography.label}"
-    rounded: "{rounded.pill}"
-    height: "26px"
-  card:
-    backgroundColor: "{colors.ice}"
-    textColor: "{colors.steel}"
-    rounded: "{rounded.md}"
-    padding: "24px"
----
-
-## Overview
-
-参照物:**The Designers Republic**(Ian Anderson 1986 年在谢菲尔德创立;Warp Records 的 globe 标与 "Warp purple"、LFO / Aphex Twin / Autechre 的封套、1995 年 WipEout 的全套游戏美术);
-**iMac G3 Bondi Blue**(1998,Jonathan Ive 领衔的苹果工业设计组,半透明聚碳酸酯外壳;Bondi Blue ≈ #0095B6,名字取自悉尼 Bondi 海滩的水色);**Apple Aqua**(2000,Jobs 说"设计目标就是让你看到它就想舔一口");当代实现看 Poolsuite FM(poolsuite.net)—— 复古壳里装真功能,这条路上做得最扎实的一个。
-一句话:**光打在物体表面上**。铬是抛光的、按钮是果冻做的、蓝是海水的青绿蓝,不是紫。
-
-## Colors
-
-- **ice (#E6F2F7)**:冰蓝白底,比纯白更有塑料透光感;**steel (#2A3340)** 是主文字色,ice 上 11.2:1 —— 这个风格不用纯黑,纯黑不反光。
-- **accent (#0095B6)**:Bondi Blue,整套风格的身份色,按钮 / 链接 / 主图形都归它。
-- **citrus (#FF6A00)** / **magenta (#FF2E9A)**:对冲色。青绿蓝要有橙和品红顶着,才不塌成"科技蓝页面"。
-- **chrome (#C7D2DB)**:铬的基色,只做渐变与高光的底,不当色块;**muted (#5F7183)** 次级文字(4.4:1);**line (#9FB3C0)** 1px 分隔线,比文字轻两档。
-- ⚠ 三支彩色**同屏最多两支**,且面积比要悬殊(一支大面积、另一支只做点缀)。
-
-## Typography
-
-- 标题 Eurostile / Michroma,700,**正字距 0.06em** —— 这个风格的字是拉开的,不是挤的(与酸性荧光正相反,这是它们最快的辨认点)。
-- 正文 Rubik 400,16px / 1.6。Rubik 的圆角末端与果冻按钮同源,但正文不做任何特效。
-- 小标签走等宽 Share Tech Mono + 0.10em,做编号、状态、"SYSTEM READY" 这类仪表感文字。
-- 标题与正文 3 倍反差(48/16);标题可全大写(拉丁),中文标题靠字重与字距撑。
-
-## Layout
-
-- 12 列网格,面板化布局:内容装在有边框的"窗口"里,窗口有标题条、有状态栏。
-- 允许一层嵌套面板(外壳 + 内屏),**不许第三层** —— 再套就是控制面板不是设计。
-- 大圆角只给面板(12px),小圆角给输入框(8px)。⚠ **`pill` 只给按钮与标签,不许污染面板** —— 整块面板做成胶囊,立刻变成 2015 年的卡通 app。
-- 半透明是允许的(白色 `rgba` 10-20% 叠在色块上),但它是**塑料的透光**,不是玻璃的折射:不加背景模糊。
-
-## Elevation & Depth
-
-深度来自**表面反射**:物体是有厚度的塑料,光从左上打下来。
-
-1. **Level 0**:ice 底。**Level 1**(卡片 / 面板):`0 6px 16px rgba(0,120,150,0.22)` —— 阴影带蓝味,不是灰。
-2. **Level 2**(按钮 / 悬浮件):同上再叠内高光 `inset 0 1px 0 rgba(255,255,255,0.80)`。这行 inset 就是"果冻"的全部秘密:上沿有一道白,元素立刻鼓起来。
-
-**三个签名细节**(这个风格好不好看,全在这三处的克制上):
-
-① **液态铬字** —— 字面被多段明暗渐变切分,中间一条水平明暗分界(上冷下暖),`background-clip: text` 实现,**只用在大标题与图标**。
-② **果冻 / 水滴按钮** —— 上半强高光、下半淡影、边缘 1px 白描边,按下时高光收窄。
-③ **四角星形闪光与镜头光晕** —— **每屏 ≤2 处**,只落在铬物件或主图的边角上。
-
-Don't:铬渐变用在正文或小字(字面被切碎就没法读);阴影用纯灰;背景模糊(那是液态玻璃的语言)。
-
-## Shapes
-
-- 圆角三档:`sm 8px`(输入框)、`md 12px`(面板 / 卡片)、`pill 999px`(按钮 / 标签)。
-- 图标实心 + 2px 圆头描边 + 圆角转角 —— 这个风格里没有尖角,尖的东西不像塑料;允许的形状:圆角矩形、胶囊、椭圆、四角星、水滴、同心圆(仪表 / 刻度);图片 4:3 圆角裁切 —— 4:3 是那个年代显示器的画幅,16:9 会立刻当代化。
-
-## Components
-
-- **按钮**:accent 胶囊 + 果冻高光 + 冰白字。⚠ 小字反白要换深一档的底,见下面的对比度实测。
-- **次级按钮**:chrome 底 + steel 字 + 1px 白内高光;**标签**:citrus 胶囊 + **近黑字**(不是白字),做状态与分类。
-- **面板 / 卡片**:ice 底 + 1px line 边 + 12px 圆角 + 蓝味投影,可带一条标题栏。
-- **输入框**:8px 圆角 + 1px line 边;聚焦态 = 边框换 accent + 外发光 `0 0 0 3px rgba(0,149,182,.25)`。
-
-## Do's and Don'ts
-
-- Do:**对比度实测值照着用** —— `#0095B6` 上白字只有 **3.56:1**(仅够 ≥18px 大字);小字要反白,把底压到 **#007391(5.5:1)**。
-- Do:`#FF6A00` 上必须用近黑字(**6.4:1**);白字在它上面只有 **2.9:1**,是错的。`#FF2E9A` 只做大字与点缀,别承载正文。
-- Do:半透明塑料感靠"白色 inset 高光 + 轻微透光",不靠加模糊。
-- Don't:**紫蓝渐变**。那是 AI-slop 的签名,不是 Y2K —— **Y2K 的蓝是青绿向的 Bondi / 冰蓝,用橙与品红对冲**。想加第二个颜色时往暖色走,别往紫走。
-- Don't:满屏光晕 + 闪光 + 噪点 + 铬字全上(TDR 的克制才是这风格好看的原因)。
-- Don't:`pill` 用在面板上;三层以上嵌套面板;纯黑与纯白大面积出现。
-
-## 怎么做才不像廉价怀旧贴图
-
-图库里的"Y2K"通常长这样:紫蓝渐变 + 满屏星光 + 液态铬字堆到正文 + 随机 3D 环形。
-那是**素材包**不是设计。TDR 的封套现在还耐看,靠的是**克制**:一版里通常只有一个铬物件、一组网格化的数字标签、一两块高饱和色。四条硬约束:
-
-1. **签名细节每屏 ≤2 处**(铬字 / 闪光 / 光晕合计),其余地方老老实实排版。
-2. **蓝必须是青绿向**(#0095B6 这类);偏紫的蓝一出现,整屏立刻滑进 AI 通稿。
-3. **正文区零特效**:16px / 1.6 / steel 字 / 无渐变无发光。特效只发生在标题、按钮、图形。
-4. **画面里要有真信息**:编号、日期、版本号、状态词 —— TDR 的画面永远像一台设备的说明,不是装饰。
-
-**与「酸性荧光」分界**:酸性是灰白纸底 + 荧光二次色 + 2px 硬黑边 + 零模糊,平的、贴纸式的;千禧是冰蓝底 + 金属反射 + 柔高光与投影,鼓的、有厚度的。酸性挤字,千禧拉字距。
-**与「液态玻璃」分界**(最容易混的一对):**千禧是不透明的金属反射 + 高饱和(光打在物体表面上);液态玻璃是透明层 + 折射模糊 + 中性色(光穿过物体)**。一个像抛光的铬与塑料,一个像磨砂玻璃片。判据很简单:**背后的东西能不能透过来看见** —— 能就是玻璃,只有反射就是千禧。
-
-## Composition
-
-- 活动页:一个铬质大标题 + 一块 Bondi 蓝主视觉(4:3 圆角图)+ 一排等宽小标签 + 一个果冻按钮;重心稳定,元素排成有秩序的网格 —— 未来感来自"被设计过的设备",不是来自混乱。
-- 插画 / 生图:半透明塑料机身、水滴、同心圆刻度、悬浮的圆角矩形屏,背景是青绿向的冰蓝渐层。
-
-## Image Prompt Templates
-
-- base: "Y2K futurism design, translucent polycarbonate plastic and polished chrome, Bondi blue (#0095B6) and ice blue (#E6F2F7) palette with orange (#FF6A00) accents, glossy jelly buttons with white inset highlight, liquid chrome lettering with a horizontal light-dark split, soft blue-tinted drop shadows, wide-tracked squarish techno sans-serif type, 4:3 framing, one four-point star sparkle, 1999 Apple iMac and WipEout aesthetic, clean and restrained"
-- negative: "purple to blue gradient, violet, matte flat design, grunge texture, heavy noise, chrome text on body copy, dozens of sparkles, frosted glass blur, 16:9 widescreen, dark mode"
-- 注:一定要写 "restrained, only one chrome object, at most two sparkles",否则模型会把闪光铺满;蓝色必须点名 "teal-leaning blue, not purple"。中文版面补 "clean CJK sans-serif with wide letter spacing"。

package/assets/design-styles/geometric-pop.md

@@ -1,122 +0,0 @@
----
-name: 几何构成
-description: 包豪斯与风格派的几何撞色——三原色纪律、大形状、平涂无渐变,明快而有秩序
-name_en: "Geometric Pop"
-description_en: "The bold geometry of Bauhaus and De Stijl: strict primary colors, large shapes and flat fills with no gradients. Bright and orderly."
-suits: "活动推广 · 生图插画"
-colors:
-  cream: "#F6EFE3"
-  ink: "#1C1B1A"
-  blue: "#2244A8"
-  yellow: "#F2B705"
-  red: "#E85D2F"
-fonts:
-  latin: "'Avenir Next'"
-  cjk: sans
-typography:
-  headline:
-    latin: "'Futura', 'Avenir Next'"
-    fontSize: "40px"
-    fontWeight: 700
-  body:
-    fontSize: "16px"
-    lineHeight: 1.6
-    measure: "60ch"
-    fontWeight: 400
-  label:
-    latin: "'Futura'"
-    fontWeight: 500
-    letterSpacing: "0.1em"
-border:
-  width: "3px"
-  style: solid
-  emphasis: "3px"
-rounded:
-  none: 0px
-  circle: 999px
-spacing:
-  unit: 8px
-omitted: ["Components"]
-imagery:
-  ratio: "1:1"
-  treatment: duotone
-  crop: hard
-icon:
-  style: solid
-  strokeWidth: "3px"
-  linecap: butt
-  corner: sharp
----
-
-## Overview
-
-参照物:包豪斯展览招贴、风格派(De Stijl)构成、Paul Rand 的商标草图。
-圆、三角、矩形是全部词汇;三个颜色是全部音符。
-撞色的秩序感来自「形状大 + 数量少 + 平涂到底」;一多就成了儿童房贴纸。
-
-## Colors
-
-- **cream (#F6EFE3)**:奶油底色——比纯白更有印刷海报感。
-- **ink (#1C1B1A)**:近黑,文字与结构线。
-- **blue (#2244A8) / yellow (#F2B705) / red (#E85D2F)**:三主色,全部平涂。一张图 2-3 色封顶(含比例悬殊:一色大面积、其余点缀)。
-- 不允许出现这五色之外的任何颜色(照片素材除外,且照片要做单色化处理)。
-
-## Typography
-
-- 几何无衬线:拉丁 Futura/Avenir,中文系统黑体(苹方 / 微软雅黑,思源黑体兜底);标题全部粗体,可全大写(拉丁)。
-- 文字本身当几何元素用:大字号、实心色块上的反白字、沿形状边缘排布。
-
-## Layout
-
-- 大形状构图:2-4 个几何形占据版面主体,文字嵌在形状的秩序里。
-- 对角线是允许的动势来源(旋转 15°/30°/45° 的整角度),但一图只用一个斜向系统。
-- 形状可以出血、可以互相咬合(重叠处换色),不加描边。
-
-## Elevation & Depth
-
-**绝对平面**。包豪斯的画面里没有光源,也就没有影子。
-
-1. **层级 = 色块面积比**:最大的那块蓝就是主角,不需要它「浮起来」。
-   最大形状是最小形状的 10 倍以上时,主次自明。
-2. **重叠 = 实色压印**:蓝压黄的重叠区**直接换成第三色**(画成 red 或 ink),
-   不是半透明、不是混色算法——重叠区是一块新的实色形状。
-3. **唯一允许的「深度」错觉**:一个正圆压在一个正方上,靠**形状关系**读出前后,不靠阴影。
-
-Don't:box-shadow、渐变、半透明。
-Don't:3D 或等距(isometric)透视——那是另一个世纪的语言。
-
-## Shapes
-
-形状语言 = **三个基本形**:正圆、等边三角、矩形。**没有第四种**。
-
-- ⚠ **两档圆角各有专职**:`none 0px` 给一切矩形(色块、按钮、图片、文字块);
-  `full 999px` **只给正圆**(圆点、圆形色块、圆形裁图)。**矩形永远不许沾胶囊**——
-  胶囊是圆角矩形,不属于基本形,一出现构成就散了。
-- **转角族用 `rounded`(直角)不用 `cut`**(M3 逐字:"This makes the corner a straight line
-  instead of curved.")——切角会凭空造出第四种形状。
-- **不描边**:front matter 的 `border.width: 3px` 是**连线与结构线**的粗细,不是形状的轮廓。
-  形状要么实心,要么不存在。
-- **线条**:3px 实线,端点 butt,角度只取 0° / 45° / 90°;不用虚线、不用曲线箭头。
-- **旋转只取整角度**:15° / 30° / 45°,且一图只用一个斜向系统。
-- **图标**:同样由基本形拼成,且**实心平涂**——线性描边图标不属于这套语言(形状要么实心,
-  要么不存在)。需要线的地方 3px、端点 butt、转角直角。
-
-## Do's and Don'ts
-
-- Don't:渐变、投影、立体效果——平涂是底线。
-- Don't:超过 3 个彩色;第 4 个颜色出现时删掉一个形状。
-- Don't:孟菲斯贴纸大杂烩(波浪线、随机圆点、蚯蚓曲线满天飞)。
-- Don't:描边形状(要么实心,要么不存在)。
-- Do:比例悬殊——最大的形状是最小的 10 倍以上,构成才有张力。
-- Do:留出奶油底色的呼吸区,别把版面填满。
-
-## Composition
-
-- 海报:一个主导形状(大圆/大三角)+ 一两个次级形状 + 标题字块,重心稳定在下 1/3。
-- 图标/插图:用基本形拼组具象物(几何化的房子/箭头/人形),拼组件数 ≤5。
-
-## Image Prompt Templates
-
-- base: "Bauhaus-inspired geometric poster, flat solid shapes only, cream paper background (#F6EFE3), bold composition of oversized circle and triangle in cobalt blue (#2244A8) and warm red (#E85D2F) with a yellow accent (#F2B705), near-black geometric sans-serif typography, hard edges, no gradients, no outlines, strong scale contrast, 1920s modernist print aesthetic"
-- negative: "gradient, drop shadow, 3D, Memphis-style squiggles and confetti, outlined shapes, more than three colors, glossy, childish sticker style"
-- 注:形状数量与颜色数量在描述里写死(例如 "three shapes, two colors plus black"),模型不约束就会加料。