sintbot 1.3.0 → 1.4.1

package/assets/design-styles/editorial.md

@@ -0,0 +1,121 @@
+---
+name: 杂志编辑
+description: 独立生活杂志的版式——大图、衬线大标题、不对称留白,安静而有故事感
+name_en: "Editorial"
+description_en: "The layout of an independent lifestyle magazine: big images, large serif headlines and asymmetric white space. Quiet, with a story to tell."
+suits: "内容阅读"
+colors:
+  paper: "#FBF9F4"
+  ink: "#1A1A1A"
+  accent: "#7A342E"
+  muted: "#8C8578"
+fonts:
+  cjk: sans
+typography:
+  headline:
+    latin: "'Canela', 'Playfair Display'"
+    cjk: serif
+    fontSize: "56px"
+    fontWeight: 500
+  standfirst:
+    generic: "serif"
+    fontWeight: 400
+  body:
+    latin: "'Neue Haas Grotesk'"
+    fontSize: "17px"
+    lineHeight: 1.75
+    measure: "58ch"
+    fontWeight: 400
+  caption:
+    fontWeight: 400
+    letterSpacing: "0.06em"
+border:
+  width: "0px"
+  style: solid
+  emphasis: "1px"
+rounded:
+  none: 0px
+spacing:
+  unit: 12px
+omitted: ["Components"]
+imagery:
+  ratio: "4:5"
+  treatment: none
+  crop: full-bleed
+icon:
+  style: line
+  strokeWidth: "1px"
+  linecap: butt
+  corner: sharp
+---
+
+## Overview
+
+参照物:Kinfolk、Monocle、《生活月刊》的内页——摄影当主角、文字当配乐的编辑版式。
+一整页只讲一件事:一张好图 + 一个衬线大标题 + 两三行导语。
+气质是安静、笃定、略带温度的高级感;所有戏剧性都交给「图片与留白的比例」。
+
+## Colors
+
+- **paper (#FBF9F4)**:米白纸底。
+- **ink (#1A1A1A)**:标题与正文的近黑。
+- **accent (#7A342E)**:酒红,只用于页码、栏头、一个关键词——编辑元素,不是视觉主角。
+- **muted (#8C8578)**:图注、辅助信息的暖灰。
+- 摄影本身是第五种颜色:选图时偏自然光、低饱和、有生活痕迹的画面。
+
+## Typography
+
+- 标题衬线(拉丁 Canela/Playfair 一路的现代衬线,中文走系统宋体、思源宋体兜底),字号大但字重不重(500 以内)——大而轻是编辑感的来源。
+- 正文与图注用无衬线小字,与标题形成衬线/无衬线的质感对比。
+- 导语(standfirst)单独一档:比正文大一号的衬线,行长短、行距松。
+
+## Layout
+
+- 不对称是纪律:图占 2/3 版面时字压另 1/3;绝不左右居中对称。
+- 大图出血(贴边),小图留宽白边;两种用法不混在同一版。
+- 图注紧贴图片,小字 + 一条细线或什么都不加。
+
+## Elevation & Depth
+
+版面是平的。层级来自**图片的裁切方式**与**字号**,不来自 z 轴。
+
+1. **满出血大图**:顶到版心之外、贴到纸边——它是版面上最「上层」的东西,**一页只有一张**。
+2. **版心内图**:规矩落在栏宽上,与正文同层;它是内容,不是主角。
+3. **正文唯一的层级工具是字号与行距**:56px 标题 / standfirst / 17px 正文 / caption 小字,
+   四档到底,不靠颜色不靠底色块。
+
+Don't:投影、卡片、圆角容器——**这三样一出现,就从杂志变成了网页**。
+Don't:用底色块框住一段文字来「强调」;编辑版式的强调靠位置与留白。
+
+## Shapes
+
+形状语言 = **矩形**,而且是**照片本身的矩形**。
+
+- **圆角恒 0**(`rounded.none`),包括图片、图注、页脚。圆角是屏幕的语言,不是印刷的。
+- **图片形状只有两种**:4:5 竖构图(默认)与满出血。**不裁圆、不裁异形、不加白色描边**。
+- **线条**:0.5-1px 发丝线,ink 或 muted 色、端点 butt;全页最多两条(栏间线、图注线),
+  **不用作装饰**。
+- `border.width: 0` 是默认状态——元素一律不描边;`emphasis 1px` 只留给图注上方那一条。
+- 允许的图形:矩形、页码数字、一个 accent 色的小方点(栏头标记)。**没有图标。**
+- **图标**:版面里不放装饰性图标(见上);功能位不得不用时(分享、目录、翻页),用与栏间线
+  同一支笔——1px 发丝线、端点 butt、转角是直角,不描粗也不填实心。
+
+## Do's and Don'ts
+
+- Don't:一切元素居中堆成轴对称——那是 PPT,不是杂志。
+- Don't:装饰性分割线、花边、角标。
+- Don't:图片加圆角、加白色描边、加投影。
+- Don't:标题用粗黑体大写吼人;编辑风的音量靠字号,不靠字重。
+- Do:留白敢占一半版面;一页只有一个视觉入口。
+- Do:图片调性统一(同一组图同一种光线与饱和度)。
+
+## Composition
+
+- 封面/海报:主图 + 压图或邻接的衬线大标题 + 极小的辅助信息行,三层结束。
+- 内页式排版:栏宽窄(45-65 字符),行距 1.6 以上,段间不空行用首行缩进(中文)。
+
+## Image Prompt Templates
+
+- base: "editorial magazine layout, large natural-light photograph as hero, warm off-white paper (#FBF9F4), elegant light-weight serif headline, asymmetric composition with generous white space, small sans-serif captions, one burgundy accent detail (#7A342E), Kinfolk-style quiet sophistication, printed matter aesthetic"
+- negative: "centered symmetrical layout, decorative dividers, rounded photo corners, drop shadow, bold heavy typography, oversaturated colors, stock-photo look"
+- 注:选图气质大于构图技巧——描述画面时写清光线(自然光/侧光)与饱和度(低),否则出图容易素材库味。

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

@@ -0,0 +1,122 @@
+---
+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"),模型不约束就会加料。

package/assets/design-styles/hand-drawn.md

@@ -0,0 +1,117 @@
+---
+name: 手绘温度
+description: 旅行手账与刊物插画小品的手绘感——铅笔线稿加水彩淡彩,松弛、真诚、有呼吸
+name_en: "Hand-drawn"
+description_en: "The hand-drawn feel of travel journals and small editorial illustrations: pencil linework with light watercolor washes. Relaxed, sincere and unhurried."
+suits: "生图插画 · 内容阅读"
+colors:
+  paper: "#FAF7F2"
+  pencil: "#4A463F"
+  wash-blue: "#6C93B4"
+  clay: "#C97B5A"
+  leaf: "#8FA678"
+fonts:
+  cjk: sans
+typography:
+  headline:
+    cjk: serif
+    fontSize: "32px"
+    fontWeight: 500
+  body:
+    fontSize: "16px"
+    lineHeight: 1.7
+    measure: "54ch"
+    fontWeight: 400
+  hand:
+    latin: "'Caveat'"
+    cjk: hand
+    fontWeight: 400
+border:
+  width: "1.5px"
+  style: solid
+  emphasis: "2px"
+rounded:
+  soft: 4px
+spacing:
+  unit: 8px
+omitted: ["Components"]
+imagery:
+  ratio: "4:3"
+  treatment: watercolor
+  crop: rounded
+icon:
+  style: line
+  strokeWidth: "1.5px"
+  linecap: round
+  corner: round
+---
+
+## Overview
+
+参照物:旅行手账里的钢笔速写、《纽约客》的单幅插画小品、日本生活杂志的手绘图解。
+线稿是骨(铅笔/钢笔的犹豫和断线都保留),淡彩是肉(水彩不填满、故意出界)。
+气质是「一个会画画的朋友随手画给你看」——松弛但不潦草,幼稚感是大忌。
+
+## Colors
+
+- **paper (#FAF7F2)**:纸白底,可带极淡的纸纹。
+- **pencil (#4A463F)**:暖深灰的线稿色——不是纯黑,铅笔没有纯黑。
+- **wash-blue (#6C93B4) / clay (#C97B5A) / leaf (#8FA678)**:三个水彩淡彩色,低饱和、透明感,一图取其二即可。
+- 上色逻辑:大面积留纸白,颜色只点在主体的 30-50%,允许溢出轮廓线。
+
+## Typography
+
+- 印刷体为主(衬线标题 + 无衬线正文),手写体(hand)只做批注、箭头旁的短句——**手绘风 ≠ 全篇手写字**,那会瞬间廉价。
+- 中文手写标注若无合适字体,宁可用细黑体 + 手绘下划线代替。
+
+## Layout
+
+- 图解式构图:主体居中偏上,四周散布小元素与手写批注,箭头把它们连起来。
+- 元素之间留呼吸,散而不乱的秘诀是「视觉重量往一个角收」。
+- 边框若有,用手绘抖线单框,不用规整矩形框。
+
+## Elevation & Depth
+
+深度是**画出来的**,不是渲染出来的。三个手段:
+
+1. **线条轻重**:主体用 1.5-2px 实线重线,背景元素用同一个 pencil 色淡一档(约 50% 浓度)
+   的细线——近实远虚,一张图里最多两档。
+2. **手绘排线(hatching)**:需要投影时,在物体右下画 **3-5 道 45° 短斜线**,长度约物体边长的
+   1/4;这是「阴影」在手绘语言里的唯一写法。
+3. **水彩深浅**:同色叠两遍 = 近,叠一遍 = 远;叠色边缘留下的深色沉淀线本身就是层次。
+
+Don't:CSS box-shadow 或任何带 blur 的阴影;任何看起来是软件生成的深度(渐变、体积光、发光)。
+
+## Shapes
+
+形状语言 = **手画出来的形**:没有一条边是绝对直的。
+
+- **圆角 4px**(`rounded.soft`),但**不是 CSS 那种完美圆角**——转角是笔顺自然带出的弧,
+  四个角不必一样。
+- **线条**:1.5px 主线 / 2px 强调线,端点 **round**(笔尖是圆的);允许断线、重线,
+  交叉处出头 2-3px——画过界是手绘的证据,不是错误。
+- **边框**:只用手绘抖线单框(振幅 ≤2px);虚线画成长短不一的短划,不用等长等距的机器虚线。
+- **允许的形状**:抖线矩形、不圆的圆、手绘箭头(轴线微弯 + 开口三角头)、圈重点的椭圆圈。
+- ⚠ **不规则度要全图一致**:一张图里既有精确矩形又有抖线框,读起来是「没做完」而不是「手绘」。
+- **图标**:跟线稿同一支笔——1.5px 线描、端点 round、转角是笔顺带出的弧(不是尖角);
+  宁可歪一点,也别换成规整的几何图标,那和精确矩形一样会破掉手感。
+
+## Do's and Don'ts
+
+- Don't:塑料感 3D、厚涂、赛璐璐描边卡通——手绘感来自线稿与水彩,不是卡通渲染。
+- Don't:emoji 式圆脸表情、大眼睛吉祥物。
+- Don't:高饱和纯色填充;水彩没有 #FF0000。
+- Don't:全篇手写字体。
+- Do:保留手的痕迹——断线、重线、水彩边缘的深色沉淀。
+- Do:小面积的白色高光留白(水彩的留白,不是加白)。
+
+## Composition
+
+- 单幅小品:一个主体 + 2-4 个环绕的辅助元素 + 手写短批注与小箭头。
+- 图解/流程:手绘图标 + 抖线箭头串联,配印刷体说明文字,像笔记本摊开的一页。
+
+## Image Prompt Templates
+
+- base: "hand-drawn illustration, loose pencil and ink linework with visible sketchy strokes, soft watercolor washes in muted blue (#6C93B4) and clay (#C97B5A) that bleed past the lines, warm paper background (#FAF7F2), generous white space, small handwritten annotations with arrows, New Yorker spot-illustration sensibility, warm and unpolished but skilled"
+- negative: "3D render, cel-shaded cartoon, thick outlines, saturated flat colors, emoji faces, mascot character, digital gradient, full handwriting typography"
+- 注:描述里写清「线稿保留手感、水彩不填满」;出图若太「精致」,在描述里加 loose/sketchy 加重松弛感。

package/assets/design-styles/islamic-geometry.md

@@ -0,0 +1,155 @@
+---
+name: 伊斯兰几何
+description: girih 拼块的 36° 体系与交错编织——全库唯一能自动判对错的风格:角度画错了图案就拼不上
+name_en: "Islamic Geometry"
+description_en: "The 36° system and interlacing of girih tiles. The only style in the library that can be checked automatically: get an angle wrong and the pattern will not close."
+suits: "品牌门面 · 生图插画"
+colors:
+  paper: "#F1EBDF"
+  ink: "#2E241D"
+  accent: "#1F4E8C"
+  emeraude: "#147D6F"
+  safran: "#D8A03D"
+  muted: "#8A7C6A"
+  line: "#DCD0BA"
+fonts:
+  cjk: sans
+typography:
+  headline:
+    latin: "'Futura PT', 'Futura', 'Avenir Next'"
+    fontSize: "36px"
+    fontWeight: 500
+    lineHeight: 1.25
+    letterSpacing: "0.12em"
+  body:
+    fontSize: "16px"
+    fontWeight: 400
+    lineHeight: 1.7
+    measure: "60ch"
+  label:
+    fontSize: "12px"
+    fontWeight: 500
+    letterSpacing: "0.16em"
+border:
+  width: "1px"
+  style: solid
+  emphasis: "1px"
+rounded:
+  none: 0px
+spacing:
+  unit: "8px"
+  gutter: "24px"
+  margin: "40px"
+  maxWidth: "1120px"
+  columns: 12
+elevation:
+  mode: flat
+  levels: "0"
+imagery:
+  ratio: "1:1"
+  treatment: duotone
+  crop: hard
+icon:
+  style: line
+  strokeWidth: "1.5px"
+  linecap: butt
+  corner: sharp
+components:
+  button-primary:
+    backgroundColor: "{colors.accent}"
+    textColor: "{colors.paper}"
+    typography: "{typography.label}"
+    rounded: "{rounded.none}"
+    height: "44px"
+    padding: "24px"
+  card:
+    backgroundColor: "{colors.paper}"
+    textColor: "{colors.ink}"
+    rounded: "{rounded.none}"
+    padding: "24px"
+  tag:
+    backgroundColor: "{colors.safran}"
+    textColor: "{colors.ink}"
+    typography: "{typography.label}"
+    rounded: "{rounded.none}"
+    padding: "8px"
+---
+
+## Overview
+
+参照物:阿尔罕布拉宫与轩尼洛里菲花园的八重星图案;非斯(Fès)的 zellij 手工釉砖。
+**这是本库唯一有「自动判对错」判据的风格。** girih 五种拼块——正十角形、长六边形、领结形、正五边形、菱形——内角**全部是 36° 的倍数**、**边长全等**,所以图案能无缝无限拼接;**画错了会拼不上**。
+不需要凭感觉判断好不好看,拼不严就是错的。用它做设计的收益也在这里:一套规则生成无穷变体,而每个变体都自动是"对"的。
+
+## Colors
+
+色板取非斯 zellij 的历史序列:10 世纪只有白与褐,17 世纪起蓝红绿黄齐备,经典组合是**非斯白釉 + 钴蓝 + 釉绿 + 藏红**。
+
+- **paper (#F1EBDF,blanc de Fès)**:非斯白釉,偏奶黄,**不是纯白**——手工釉砖的白从来带温度。
+- **ink (#2E241D)**:锰褐近黑,文字与图案骨架线。配 paper 12.5:1。
+- **accent (#1F4E8C)**:钴蓝,主强调。配 paper 7.0:1,**是唯一能安全承载正文级白字的釉色**。
+- **emeraude (#147D6F)**:釉绿。配 paper 4.2:1 ⇒ 只放 ≥18px 的字,或纯做图案。
+- **safran (#D8A03D)**:藏红。配锰褐字 6.5:1,是这套里唯一适合"深字浅底"的强调。
+- **muted (#8A7C6A)**:次级信息。配 paper 3.4:1 ⇒ ≥18px 或非文字用途。
+- **line (#DCD0BA)**:砖缝色,分隔线与网格线专用。
+
+## Typography
+
+- 拉丁走几何无衬线(Futura 一族)500 + 0.12em 字距——几何字与几何图案同源,圆是正圆、三角是正三角。中文走系统黑体 400(苹方 / 微软雅黑,思源黑体兜底),**不加字距**(汉字加字距会散)。
+- 小标签 0.16em、拉丁全大写,与图案的网格节奏对齐。
+- **字不与图案争主角**:图案区是主体时,标题最多两行,正文另辟白底区。
+- 参照:**TPTQ Arabic**(Kristyan Sarkis 与 Peter Biľak,2015 阿姆斯特丹)、**Khatt Foundation**(Huda Smitshuijzen AbiFarès,2004);**Studio Safar**(贝鲁特,2012)的《Journal Safar》——同一本刊物一端翻是英文左起、另一端翻是阿拉伯文右起,双向阅读排版的现代范本。
+
+## Layout
+
+- 图案区与文字区**分开**:图案铺满一个整块(常为正方或整栏),正文区保持釉白底。
+- 12 列网格定文字;图案自己的骨架是 36°(十重)或 45°(八重)体系,**两套网格不混用**。
+- 图案单元必须能**无缝重复**:裁切沿单元的重复边界,不沿视觉舒服的位置。
+- 留白靠釉白区的整块,不靠元素之间的碎缝。
+
+## Elevation & Depth
+
+**零阴影**。深度来自 **strapwork 交错编织**——带子在每一个交叉点交替压盖(上、下、上、下),这就是这个体系里的"图层"。
+
+1. 底:非斯白釉。
+2. 图案带(strapwork):等宽带子,每个交叉点严格交替。**同一根带子的压盖必须全程一致**,走一遍数一遍,错一个点整片图就露馅。
+3. 釉色填充:带子围出的多边形上釉,同类多边形同色。
+
+编织本身就够表达前后关系,所以**任何投影都是多余的**,加了反而把二维图案假装成三维浮雕。
+Don't:blur 阴影、内阴影、浮雕/斜面效果、渐变填充。
+
+## Shapes
+
+- 一切角度取 **36° 的倍数**(十重体系)或 **45° 的倍数**(八重体系),**一版只用一套**。圆角恒 0,所有交点是尖角。
+- 带宽全图统一一个值(图标 1.5px / 版面上 8-12px),不按区域变。允许的形:girih 五拼块、八角星、十角星,以及由它们切出的多边形。
+- **方体库法 / banna'i**(بنائي,波斯语"营造"):起源是**用砖砌字**——把曲线的阿拉伯文压进方格,砖块就是像素,釉砖与素砖交替出字。落到品牌上:字标只走直角、笔画等宽、填满 n×n 网格。**拉丁与中文同理可做**,这是本风格最可直接落地的一件事。
+
+## Components
+
+- **按钮**:钴蓝实底 + 釉白字 + 1px 锰褐边,直角;悬停 = 底色换釉绿,**不加影不加圆角**。
+- **卡片**:釉白底 + 1px 砖缝色边,padding 24px;顶部或左侧可嵌一条 8px 高的图案带。
+- **标签**:藏红实底 + 锰褐小字(6.5:1),小而成排。
+
+## Do's and Don'ts
+
+- Do:一切角度取 36°(或八重的 45°)的倍数,图案单元必须能无缝重复。
+- Do:用交错编织表达层次,不用投影。釉色只上在图案上,**正文区保持釉白底**。
+- Do:图案要真按几何画。girih 拼块自约 1200 年起用于建筑装饰,1453 年伊斯法罕 Darb-i Imam 神殿是排布水平的分水岭;2007 年 Lu 与 Steinhardt 指出 15 世纪波斯 girih 已具备准晶自相似性质,比 Penrose 铺砌早五个世纪。这套体系的精度是它的全部价值,画歪了就什么都不剩。
+- Don't:**把《古兰经》经文或清真言当装饰花纹**。那是圣典文本——用作背景纹样、被裁切、被色块叠压、被拉伸都不得体;要文字元素就用中性词做方体库法。**这一条是本档最重要的红线。**
+- Don't:**仿阿拉伯拉丁字体**(把拉丁字母掰成阿拉伯外形的那类 display 字体)。那是把一种文字画成另一种文字的漫画,在使用阿拉伯文的读者眼里是拙劣模仿。
+- Don't:灯神、飞毯、骆驼沙丘、月牙星拼贴。**月牙星是国旗与宗教符号,不是素材**。
+- Don't:把图案当无骨架的背景贴图随手裁切。**图案有骨架,裁在星心上就散架**。
+- Don't:渐变、投影、玻璃质感、3D 浮雕。
+
+## Composition
+
+- 单主体:一整块图案 + 一块釉白文字区,比例约 2:1 或 1:1,**边界是直线**。
+- 图案中心放一颗完整的八/十角星,四周的星必须完整或沿重复边界切断,不出现半颗残星。
+- 插画走平涂矢量,只用釉色四色 + 锰褐线,不用厚涂、不用高光。
+- 照片素材少用;必须用时转双色(锰褐 + 釉白)并硬裁成正方。
+
+## Image Prompt Templates
+
+- base: "Islamic geometric pattern design, girih tiling with tenfold symmetry, every angle a multiple of 36 degrees, equal-length edges, interlaced strapwork bands alternately passing over and under at each crossing, seamless repeating unit, Fez zellij glazed tile palette: warm white glaze ground (#F1EBDF), cobalt blue (#1F4E8C), glazed emerald (#147D6F), saffron yellow (#D8A03D), manganese near-black outline (#2E241D), flat vector, hard edges, no shading, complete eight-pointed and ten-pointed stars"
+- negative: "Quranic calligraphy as decoration, arabic script used as ornament, faux-arabic latin lettering, genie lamp, flying carpet, camel, sand dune, crescent and star emblem, mosque silhouette clip art, gradient, bevel, emboss, drop shadow, 3D render, glossy, random crop through star centers, warped pattern"
+- 注:模型很爱往图案里塞看起来像阿拉伯文的假字符,提示词必须明写 "no arabic script, no calligraphy, pattern only";出图后**逐个交叉点核对压盖是否交替**、**数星角是否为 8 或 10**,这两项对了这张就成立。