MalinandClaude Sonnet 5
65c01ddb43
Anti-AI-slop design skill (greenfield pages, audits, redesigns, design extraction from URLs/screenshots) -- installed and validated in an earlier session, was sitting untracked. Full reference library: components, macrostructures, themes, genres, verbs (audit/redesign). Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
16 lines
495 B
Markdown
16 lines
495 B
Markdown
|
|
### S1 · Left-margin numbered
|
|
A narrow left column holds `01 — LABEL.`; the wide right column holds the heading and content.
|
|
*Use when:* the page is editorial / specimen.
|
|
*Don't confuse with:* S5 Bottom-anchored (which puts the label *under* the section).
|
|
|
|
```html
|
|
<header class="head-margin">
|
|
<p class="num-label">01 — Foundations</p>
|
|
<h2>…</h2>
|
|
</header>
|
|
```
|
|
```css
|
|
.head-margin { display: grid; grid-template-columns: 10rem 1fr; gap: var(--space-xl); align-items: baseline; }
|
|
```
|