添加 hallmark 技能

2026-07-28 17:12:27 +08:00
parent 984d0320a7
commit 76b5a96237
106 changed files with 9591 additions and 0 deletions
--- a/skills/hallmark/references/components/h1-marquee.md
+++ b/skills/hallmark/references/components/h1-marquee.md
@@ -0,0 +1,15 @@
+
+### H1 · Marquee
+A single statement fills the fold. No subhead, no CTA in view.
+*Use when:* the brand or person *is* the message.
+*Don't confuse with:* H4 Stat-Led (which is a number, not a statement).
+
+```html
+<section class="hero-marquee">
+  <h1 class="display-xxl">A statement.</h1>
+</section>
+```
+```css
+.hero-marquee { min-height: 80dvh; display: grid; align-content: end; padding: 0 var(--page-gutter) var(--space-2xl); }
+.display-xxl { font-size: clamp(4rem, 12vw, 12rem); line-height: 0.92; }
+```