Design — <Project name>
发布时间:2026/9/12 3:29:57 作者:尧图编辑部 阅读量:1,286

Design —【免费下载链接】hallmarkAnti-AI-slop design skill for Claude Code, Cursor, and Codex.项目地址: https://gitcode.com/GitHub_Trending/hal/hallmarkLocked design system. Future Hallmark runs read this file first; pages defer to it. Amend intentionally — the file is the rule.SystemGenre · editorial / modern-minimal / atmospheric / playfulMacrostructure ·Theme · catalog: NAME · or · custom (vibe: 4–8 words)Axes · / /Tokens (canonical ·tokens.cssis the source of truth):root { --color-paper: oklch( ); --color-paper-2: oklch( ); --color-ink: oklch( ); --color-ink-2: oklch( ); --color-rule: oklch( ); --color-accent: oklch( ); --color-accent-ink: oklch( ); --color-focus: oklch( );--font-display: , ...; --font-body: , ...; --font-mono: , ...;/* 4-pt spacing scale, named: --space-3xs … --space-4xl. See tokens.css./ /Type scale, 1.25 (major-third) ratio: --text-xs … --text-display. */--ease-out: cubic-bezier(0.16, 1, 0.3, 1); --dur-fast: 180ms; --dur-base: 240ms; --dur-slow: 320ms;--radius-card: ; --radius-pill: ; --radius-input: ; }CTA voicePrimary · · ·Secondary · outline / ghost ·Motion stancesilent · 1–2 reveal primitives · motion-cutReduced-motion fallback · ≤150 ms opacity crossfade.Exportstokens.css(in this project) is the source of truth. For Tailwind v4theme, DTCGtokens.json, or shadcn/ui CSS variables, askextend design.md with Tailwind exports(or the format you want) — Hallmark will append them perexport-formats.md.**关键纪律**写文件之前先把选定的取值**大声说出来**——*Genre: editorial. Macrostructure: Long Document. Theme: catalog Editorial. Locking this as the projects system.*——然后再写。这是与 [SKILL.md](https://link.gitcode.com/i/98c16cea0db848e9db4a318b0af305e8) Step 2 一致的 accountability 步骤在页面上而不是头脑里做选择避免默认吸引子带来的千篇一律。 ## Tokens 区块背后的真实取值以仓库 tokens.css 为证 模板中的 L C H 占位符在实际产出时会被填成 [site/css/tokens.css](https://link.gitcode.com/i/7c150c367c56fb618621ea63d0a28e8a) 里定义的 OKLCH 值。该文件用 [data-theme...] 切换 12 个以上的命名主题例如 Specimen暖燕麦色编辑工作坊的基础色块 css --color-paper: oklch(96% 0.018 80); --color-paper-2: oklch(93% 0.020 80); --color-paper-3: oklch(89% 0.022 75); --color-rule: oklch(82% 0.014 75); --color-ink: oklch(18% 0.014 60); --color-accent: #FC4C02; --font-display: Fraunces, Tiempos, ui-serif, Georgia, serif; --font-body: Geist, Söhne, ui-sans-serif, sans-serif; --font-label: Geist Mono, JetBrains Mono, ui-monospace, monospace;【免费下载链接】hallmarkAnti-AI-slop design skill for Claude Code, Cursor, and Codex.项目地址: https://gitcode.com/GitHub_Trending/hal/hallmark创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考