ARTICLE DETAIL

资讯详情

深耕郑州网站建设与运营推广的一线实战洞察。

Hallmark 主题多样性三轴原理:paper-band、display-style、accent-hue 完整指南

Hallmark 主题多样性三轴原理:paper-band、display-style、accent-hue 完整指南 Hallmark 主题多样性三轴原理paper-band、display-style、accent-hue 完整指南【免费下载链接】hallmarkAnti-AI-slop design skill for Claude Code, Cursor, and Codex.项目地址: https://gitcode.com/GitHub_Trending/hal/hallmarkHallmark 是一款用于 Claude Code、Cursor 和 Codex 的反 AI 模板化Anti-AI-slop设计技能它内置的 22 个命名主题并不随机挑选而是依靠paper-band纸面明度带、display-style展示字体风格、accent-hue强调色相这三个坐标轴来保证每次生成的页面都足够不同。这篇指南带你快速看懂三轴原理的运作方式、22 个主题在轴上的分布以及自定义主题如何声明自己的三轴值。为什么需要三轴解决每次生成都长一样的问题AI 生成网页最大的通病是千篇一律同一个 Bento 网格、同一套米白配色、同一款衬线大标题。只靠这次别和上次用同一个主题名远远不够——结构不同但主题相同读起来照样是重复。Hallmark 的解法写在 SKILL.md 的Theme-diversification rule主题多样性规则中两次连续的 Hallmark 输出必须在三个轴上至少有一个轴不同。这条规则简单到可以一句话记住纸面、字体、色相三选其一不许全同。三轴定义每个主题都自带三个坐标轴 1 · paper-band纸面明度带按主题--color-paper的 OKLCH 亮度 L 划分成三档纸面带判定条件直觉感受darkL 30%深色画布如 Midnight、TerminalmidL 30–85%中间调纸面lightL 85%浅色纸张如 Specimen、Newsprint上图 Slow Pour 就是典型的light / italic-serif / warm——暖奶油纸面、斜体衬线大标题、陶土色点缀。轴 2 · display-style展示字体风格描述页面大标题使用哪一类字体直接决定页面的气质指纹italic-serif— Specimen、Studio、AtelierFraunces 斜体等roman-serif— Newsprint、Salon、Linen报纸/衬线正体geometric-sans— Plume、Manifesto几何无衬线mono— Terminal等宽字体贯穿全页display-condensed-italic— Sport窄体斜体展示字display-heavy— Brutal超粗压缩体system-native— Quiet系统字体本身就是设计risograph-bold— Riso孔版印刷感的粗体对比上面两张图Anya 是light / geometric-sans / cool纸面同为浅色但字体风格从斜体衬线换成几何无衬线、色相从暖陶土换成冷蓝——两个轴同时变化所以一眼就能看出是另一次生成。轴 3 · accent-hue强调色相带强调色按色相角hue分成四类warm10–60°— 红、橙、琥珀cool200–300°— 蓝、靛、青neutral— 无彩色强调Quiet强调色就是墨色本身chromatic-other— 其余的个性色如 Studio 的森林绿、Garden 的鼠尾草、Terminal 的磷光绿Hyperlane 则是dark / display-heavy / warm——与 Slow Pour 相比paper-band 这一个轴就变了符合规则即可放行。22 个目录主题轴值全部写在 tokens.css 里目录catalog里的 22 个命名主题——Specimen、Atelier、Brutal、Salon、Newsprint、Linen、Studio、Manifesto、Terminal、Midnight、Almanac、Garden、Quiet、Riso、Sport、Bloom、Coral、Violet、Aurora、Halo、Plume、Editorial——每一个都是 paper-band、display-style、accent-hue 的固定组合。每个主题块顶部都带有轴值注释集中存放在 tokens.css拿不准时把候选主题的三个轴值念出来如果和上一次输出有三个里有两个相同就换掉它。选主题前Hallmark 还会先读取项目里的.hallmark/log.json最多取最近 3–5 条记录把上次用过什么主题、什么轴摆到明面上再在文字里公开宣布本次轮换例如最近 3 个主题Linen · Plain · Salon。这次从 {Newsprint, Atelier, Studio, Garden} 里选——Newsprint 在 display style 和 accent hue 上都不同。这套公开报轴的机制让多样性检查不是黑盒而是可审计的步骤。自定义主题自由在组合不在规则当你明确要求 custom 主题、给出品牌色、或描述出目录装不下的多属性气质时Hallmark 会走 custom-theme.md 协议为这一次需求现造一套 OKLCH 色板 免费字体搭配。但它不会因此脱轨——协议 § D 规定自定义主题必须显式算出自己的三轴值paper-band— 由你构造的纸面亮度决定L30% 是 dark30–85% 是 mid85% 是 lightdisplay-style— 由选定的展示字体归入上面 11 类之一accent-hue— 由强调色色相归入 warm / cool / neutral / chromatic-other以协议里的档案风咖啡馆示例为例陶土色锚点 暖奶油纸面 Fraunces 斜体算出的轴是light / italic-serif / chromatic-terracotta随后写进三处产出文件顶部的stamp 注释axes: light / italic-serif / chromatic-terracotta.hallmark/log.json的theme_axes字段下一次的轮换检查多样性规则对主题路线是盲的自定义接目录、自定义接自定义同样必须至少差一个轴。自由发挥的是组合规则一条都不少。速查清单如何判断两次输出算不算撞轴✅ 上次light / italic-serif / warmSpecimen这次light / italic-serif / chromatic-greenStudio→ 只差 accent-hue通过❌ 上次 Specimen这次 Salonlight / roman-serif / warm→ 只差一个 display style但纸面和色相……等等这其实只差一轴通过的是至少一轴不同真正要防的是三轴全同而规则要求的是至少一轴不同才放行❌ 三轴全部相同同一个组合→必须换主题 拿不准就念出候选主题的三轴值数一数相同了几个小结Hallmark 的主题多样性不靠运气而靠一条可计算、可审计的机械规则paper-band管明暗气质display-style管字体指纹accent-hue管色彩性格三轴至少差一连续两次输出就不会读起来像同一个模板换了文案。这套规则对 22 个目录主题和自定义主题一视同仁配合.hallmark/log.json的项目记忆让每次生成都有据可查。想了解更完整的技能流程可以直接阅读 skills/hallmark/SKILL.md 全文。【免费下载链接】hallmarkAnti-AI-slop design skill for Claude Code, Cursor, and Codex.项目地址: https://gitcode.com/GitHub_Trending/hal/hallmark创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
返回列表