ARTICLE DETAIL

资讯详情

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

Hallmark 界面文案指南:在反 AI-slop 设计中写出“具体而克制“的 Copy

Hallmark 界面文案指南:在反 AI-slop 设计中写出“具体而克制“的 Copy Hallmark 界面文案指南在反 AI-slop 设计中写出具体而克制的 Copy【免费下载链接】hallmarkAnti-AI-slop design skill for Claude Code, Cursor, and Codex.项目地址: https://gitcode.com/GitHub_Trending/hal/hallmark一篇好布局配上泛泛的占位文案读起来依然普通而措辞精准的文案放进一个平庸布局读起来却像经过深思熟虑。Hallmark 是一套面向 Claude Code、Cursor、Codex 的反 AI-slop设计技能见 SKILL.md其核心立场是文字本身就是设计的一部分。本指南基于 copy.md 展开系统讲解该技能的文案纪律——从按钮动词、错误消息、空状态到七种语气下的开场白范本与被明令禁止的模板句。读完你能够为 AI 生成的页面写出看起来是真人写的文案识别并替换 LLM 输出中最常见的一批文案套话并把文案规范接入hallmark audit与 slop-test 检查链路。Copy 在 Hallmark 技能中的位置Hallmark 的每次默认构建都会按固定顺序加载一组规则文件其中copy.md与typography.md、color.md、motion.md、anti-patterns.md一起属于每次构建都加载的通用规则见 SKILL.md § Step 3。也就是说文案纪律不是可选优化而是每次产出前必须对照的硬性标准。它和anti-patterns.md互为表里copy.md回答该写什么——给出按钮、错误、空状态、开场白的具体写法anti-patterns.md回答别写什么——把Click here、Oops!、Empower your…等列为具名的 AI 特征tellslop-test.md的 69 道闸门把其中一部分固化为自动检查项例如闸门 20禁用 Jane Doe / John Smith 等占位名与 Acme / Nexus / Seamless / Unleash 等初创公司套话、闸门 56禁止编造指标。这套规则 黑名单 自动化闸门的三层结构就是 copy 纪律在 Hallmark 中的实际落地方式。hallmark audit在审计现有页面时也会把这些文案 tell 作为独立的 minor 发现项输出见 verbs/audit.md。六条核心原则文案的第一性原理copy.md开头给出了六条贯穿始终的原则它们是后面所有具体规则的总纲动词要具体Specific verbs。Save changes 好于 OK 好于 Submit。标签要描述Labels describe。Email address 好于 Email。链接文字能独立成句Link text stands alone。View pricing plans 好于 Click here。错误消息是指令Errors are instructions。按顺序说明什么坏了、为什么、怎么修。用主动语态Active voice。We couldnt find your account 好于 Your account could not be found。一致性Consistency。在 Delete 与 Remove 之间选一个在 Sign in 与 Log in 之间选一个然后全站统一使用。第 4 条直接决定了下面错误消息三段式的写法第 6 条则呼应了typography.md中同一家族不同字重算一种字体式的纪律思想——系统的观感来自处处一致的约定而不是单点的出彩。按钮文案用动词写下动作本身按钮的文案应该就是它执行的那个动作的动词。copy.md给出的对照好的例子Save changes、Create account、Send invitation、Copy link、Open file。差的例子OK、Submit、Click hereContinue只能在多步骤流程中作为次要按钮出现。为什么 Submit 被点名因为它描述的是提交这个系统动作而不是用户此刻真正想做的事——用户想的是创建账户发送邀请。Submit 是模板化的界面语言它不需要思考因此也传递不了任何意图。这条原则同样作用于 CTA 组件层。在组件谱系中C2 内联表单式 CTA 与 C3 纯排版链接 都要求按钮文案是可执行的动词短语如Send →、Read the case study →并明确提示 CTA 的文案语气由copy.md决定。错误消息三段式指令结构错误消息是三部分的固定结构顺序不能变发生了什么What happened。过去时、陈述事实。例That card was declined.为什么如果知道的话。例Your bank flagged the charge.怎么办What to do。祈使句。例Try another card, or contact your bank.一个额外的纪律绝不为用户的输入道歉。表单校验失败时不要说 Oops!——一个拒绝接受某值的表单应该解释这个值的问题所在而不是替用户表演尴尬。That card was declined 是把问题归因于事实而 Oops! 是把系统自身的校验失败包装成了与用户无关的意外。这条规则在状态与交互层有更完整的展开。interaction-and-states.md 要求错误消息一句能说清就一句并用aria-describedby关联错误文本、用aria-invalidtrue标记字段同时绝不允许颜色单独承载错误状态WCAG 1.4.1错误必须配合图标与文本。这保证了文案纪律不仅是审美问题也是无障碍问题。空状态三拍结构空状态Empty state固定三个层次缺一不可一行话说明什么为空。例No projects yet.一行话说明它为什么重要 / 这些内容是什么。例Projects group your tasks and team.一个按钮——唯一的下一步动作。例Create a project。这与交互文档中的空状态规则完全一致interaction-and-states.md 要求空状态必须包含一个图标或插画 一行说明为什么为空 一个修复动作并且禁止不带上下文的笼统 No results。加载状态按等待时长分级加载反馈必须和真实等待时长匹配而不是统一给一个转圈短等待纯 spinner不带任何文字。中等等待 2 秒spinner Loading…。长等待 10 秒spinner 进度指示 一个诚实的标签——例Compiling (this can take a minute).诚实标签的价值在于管理预期超过 10 秒的等待如果只显示一个无限旋转的圈用户会怀疑页面死了。this can take a minute 把等待重新框定为正常现象。interaction-and-states.md 补充了更细的规则内容形状可预测时用骨架屏而不是 spinner按钮内的加载态替换标签文字而不是在旁边追加spinner 不能闪烁要么延迟 150ms 再显示要么至少显示 300ms。Microcopy 禁令清单copy.md列出了一批在任何情况下都不该出现的措辞。这是文案侧最接近黑白名单的一节Click here——链接文字必须独立成句。Oops!、Uh oh!、Something went wrong.——点名到底什么坏了。Enter your email below.——如果输入框就在下方不需要说出来。错误状态里的感叹号。在挫败路径里开玩笑忘记密码、支付失败、账户被锁。占位人名Jane Doe、John Smith、Lorem Ipsum除非页面本身就是 lorem-ipsum 工具。产品文案里的初创公司套话Acme、Nexus、Unleash、Seamless、Supercharge、Transform、Elevate、Empower、Delight、Magical。承诺感受却不点名功能的市场文案——Experience the power of ___是空洞的。其中占位人名与初创套话已被固化为 slop-test 闸门 20 的自动检查项而不给挫败路径开玩笑与microinteractions.md中安静的成功silent success哲学一脉相承在用户遇到麻烦的时刻界面应当收敛、清晰、有用而不是俏皮。正确的排版字符文案也是排版文案层面的正确字符是一套硬规范直接对应typography.md的必需特性一节弯引号Hello、wordU201C / U201D / U2018 / U2019。长破折号用于中断—U2014短破折号用于范围10–20U2013。永远不要用--。省略号…U2026永远不要用...。撇号’U2019不要用直撇。单位前的不同断空格10 kg、5 min使用nbsp;或 U00A0。如果文案从 CMS 加载在 CMS 里配置 Smart Quotes如果是硬编码就写对。anti-patterns.md 把这些字符错误列为 minor 级 tell——直引号、双连字符、三点省略号都是没校对过的签名。这类问题虽然轻微但hallmark audit会逐个点名并给出修复建议见 verbs/audit.md。七种语气的开场白范本voice samples这是copy.md信息密度最高、也最有复用价值的一节。背景设定很关键LLM 默认倾向于生成分发默认值的文案Built for the modern team、Unleash your X、Where A meets B除非给它非默认的声音去模仿。因此 copy.md 收集了一批真实站点的开场白要求模仿的是具体性的种类——具名地点、具名日期、具名垂直领域、拒绝隐喻、拒绝动词——而不是照抄措辞。copy.md明确说明语气列对应 SKILL.md 设计上下文门Step 1中承诺给用户的八种语气原文列出的七种 tone 即 editorial / brutalist / soft / technical / luxury / playful / austere。下面逐语气列出其固定模式与范本并标注各范本对应的仓库测试用例可见于 site/_tests/。Editorial编辑风——三种声音模式日期锚定、拒绝动词、枚举Creative direction, design and type for culture since 2003.——日期 具名垂直领域。A monthly art publication featuring contributions by some of the most engaged thinkers working today.——用节奏monthly和具体的动词featuring。A thing well made.——拒绝动词把设计当作材料。Frieze elevates the provocative and brilliant leading voices who shape and challenge todays art world.——用 challenge 而不是 empower。We design everything for everyone.——拒绝营销动词民主化声明。Writer Photographer.——三个词、两个身份、零填充。Type, set with care.——三个词逗号本身就是设计。Im a French design technologist based in London. I make websites and fonts, amongst other physical and digital artefacts.——具名地点、具名交付物artefacts 暗示工艺。Brutalist粗野风——三种模式平直陈述、拒绝隐喻、直接对话并给出后果The product development system for teams and agents.——平直陈述没有修饰语没有 powered by AI。Resend is the email API for developers. Send transactional and marketing emails at scale with a simple, modern API.——点名形态、点名受众、点名功能。Purpose-built for planning and building products. Designed for the AI era.——直呼时代不用委婉语。WE ARE A STUDIO. WE ARE NOT A PLATFORM.——通过拒绝来定义全大写。这是 Hallmark Meridian 测试test 04的范本对应的 brief 里明确写了这句语气要求见 04-meridian-manifesto/brief.md。We design products that last twelve years. We do not design products that need replacing every two.——具体数字 成对声明。A toolkit for assembling new worlds from the scraps of the old.——打破模板的次级文案。NO COMPROMISE.——两个词句号就是设计。We will not put our work behind a chatbot. We will answer the email ourselves.——陈述式拒绝两个短句。Soft柔和风——三种模式诗性克制、枚举式热情、带证据的坦诚Its about time.——不眨眼的双关克制。Time is our most precious resource.——从哲学前提开场再落到具体。Designer for the Web (v. XIX).——版本号暗示进行中的工艺。Design engineer creating software that makes people feel something.——用情感结果取代功能清单。All I want to do is build websites. Typography, motion design, copywriting, performance — the web is an endless medium of opportunity.——枚举式热情。I craft UI demos that explore the power of the web and help others sharpen their skills.——点名动词craft、点名受众others。Soft, but exact.——两个短形容词一个逗号句号。This page is soft because the surface should be soft. The rules underneath are not.——声明配拒绝。Technical技术风——三种模式规格嵌进散文、克制的语言、数据先行开场The 14-inch MacBook Pro with M5 brings serious speed and advanced on-device AI to the personal, professional, and creative work you do every day.——规格嵌入散文serious speed 是克制的量级词。434 total posts. New CSS you feel like you could use today.——数据先行feel like 暗示真实可用性。$ streampipe parse access.log --filter status5xx | jq——以真实命令开场而不是营销声明。这是 Streampipe 测试test 02的范本页面里实际渲染了一条tail -f access.log | streampipe parse --format nginx --filter status 500 --out json的命令行与 JSON 输出。Open the trace, find the span, fix the regression. No glossary required.——三个具体动词 一个拒绝。这是 Tracejam 测试test 05的范本页面 meta 描述与主文案都沿用了 Open the trace. Find the span that regressed. 的说法。From stdin, through the pipe, into your dashboard.——点名数据路径拒绝抽象。23 spans · 4 services · 482 ms.——数据本身就是标题Tracejam 原型。Read anything that emits lines. Files, pipes, sockets, kubectl logs.——点名输入来源拒绝泛化。Drop-in OTLP. No agent, no sidecar.——声明配以对常见替代方案的拒绝。Luxury奢华风——三种模式带具体细节的传统、以拒绝体现格调、具名规模The worlds most acclaimed creative collective, where 23 partners work independently and collaboratively to shape the future of design.——传统隐含的久远 具名规模23 位合伙人。By appointment.——以拒绝作为门槛。A salon for the senses.——单个名词短语无逗号。A page should arrive like a person — composed, deliberate, in good clothes.——把页面当作有社交礼仪的人来比喻。With pleasure, you are most welcome.——正式称呼。Restraint, repeated, becomes a signature.——三个逗号、四个词、哲学化。A studied hand.——三个词冠词承担了全部工作。A small, opinionated craftsmanship engine that argues with your AI assistant on your behalf — and wins.——精确点名角色并拥抱冲突。Playful俏皮风——三种模式流行文化类比、食物/感官隐喻、预判读者反应Playlists, but for ideas.——既是类比又实用的比喻。Internet memory palace.——三个词的名词短语结构性隐喻。Devouring details. Nourishing novelty. Deploying excellence.——头韵食物 科技隐喻。The kind that make you say, Wait, how did you do that?——直接对读者说话预判其反应。Built to ship.——三个词、陈述式、动词是真的动词。Ready? You are two minutes from shipping.——一个问题然后一个数字。design like print: warm, off-register, intentional.——小写 冒号 三个修饰词。this is not a page that pretends to be paper. it is a page that remembers paper.——拒绝模仿纸张的框定。Austere极简风——三种模式极端缩写、以原则开场、拒绝营销语言Hello.——一个词句号就是设计。This is a page that doesnt try.——公开声明立场。Things Become Other Things.——三个词把品牌当作文章标题。Lightness above weightiness, elevate everyone you encounter.——原则先行。A quiet skill.——三个词冠词在做工作。Software can be soft and exact at once. Thats the trick.——点名矛盾点名解法。One HTML file.——三个词数字就是炫耀。这是 Anya 测试test 06页脚的范本。This page doesnt move.——公开命名设计决策。被禁的开场白anti-patterns 对照表copy.md的最后一节给出了一张只要用到就必须替换的表格。这些短语横跨分发默认的 LLM 文案缺乏上面任何一种具体性因此被直接禁用短语为什么失败Built for the modern team含糊假设没有具体信息时间型营销Unleash your [X]夸张软件不能释放任何东西Where X meets Y虚假综合创意懒惰Empower your...传教士语言回避具体收益Reimagine the way you...在解释需求之前就先暗示不满Supercharge your workflow没有机制的能量隐喻Innovative solutions无意义每个产品都声称创新Seamless integrationSeamless 没有反义词说明不具体In todays digital landscape时间型挥手假设读者需要方位感Next-generation暗示前任产品不足没有差异化结尾处还有一条重要的元规则如果 brief 没有给开场白提供任何可用的具体信息就如实告诉用户并问一个能引出具体名词、动词或地点的问题。用户了解自己的产品模型不被允许凭空发明具体性。这与anti-patterns.md中禁止编造指标闸门 56是完全一致的态度宁可留空、宁可提问也不要虚构。把文案纪律接入工作流默认构建时每次页面构建都加载copy.md开场白必须从上面七种语气的模式中选一种改写而不是从被禁表中选。hallmark audit时被审计页面里的直引号、双连字符、Jane Doe 占位名、初创套话等会被列为 minor 发现并附上修复建议见 verbs/audit.md。hallmark redesign/study时copy 语气随设计 DNA 一起保留或重写原则不变——保留用户提供的真实事实绝不代编。判断自己写出的文案是否合格可以回归copy.md开头的那句话好的布局配泛泛文案显得普通紧凑的文案放进平庸布局却显得经过深思熟虑。具体性就是一切——动词要具体标签要描述错误要是指令开场白要锚定在真实的名词、数字与地点上。【免费下载链接】hallmarkAnti-AI-slop design skill for Claude Code, Cursor, and Codex.项目地址: https://gitcode.com/GitHub_Trending/hal/hallmark创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
返回列表