mirror of
https://github.com/pbakaus/impeccable.git
synced 2026-09-12 06:06:37 +03:00
167 lines
8.7 KiB
HTML
167 lines
8.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Contents Table</title>
|
|
<style>
|
|
body { font-size: 13px; }
|
|
h3, h4 { font-size: 15px; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<h3>Contents Table</h3>
|
|
|
|
<h4>Source legend</h4>
|
|
|
|
<p>See <code>PROVENANCE.md</code> for the full mechanism. Where a value can come from either scan mode or the planned seed flow, both are listed.</p>
|
|
|
|
<table border="1">
|
|
<thead>
|
|
<tr><th>Source</th><th>Meaning</th></tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr><td>Derived</td><td>Scanned off existing code. Changed only by re-scanning, not by re-answering a question.</td></tr>
|
|
<tr><td>Questionnaire — In-chat (init)</td><td><code>PRODUCT.md</code> fields, asked in chat during <code>/impeccable init</code> Step 3. Not persisted or resettable.</td></tr>
|
|
<tr><td>Questionnaire — In-chat (document)</td><td><code>DESIGN.md</code> fields asked in chat during <code>document.md</code> — covers both today's qualitative round and the new seed flow's chat portion (assets, named references, anti-reference). Not persisted or resettable today; the <code>(planned)</code> rows are where that's changing.</td></tr>
|
|
<tr><td>Questionnaire — Browser (document)</td><td><code>DESIGN.md</code> fields asked through a visual card UI during <code>document.md</code> — covers both today's shipped Layout-strictness slide and the new seed flow's browser slides (Color, Typography, Motion, Layout, Elevation, Iconography). Same persistence note as above — see <code>PROVENANCE.md</code>.</td></tr>
|
|
<tr><td>Computed</td><td>Generated by the agent from other values. Never directly asked.</td></tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<h4>Categories</h4>
|
|
|
|
<ul>
|
|
<li>Audience</li>
|
|
<li>Product</li>
|
|
<li>Brand</li>
|
|
<li>Color</li>
|
|
<li>Typography</li>
|
|
<li>Iconography</li>
|
|
<li>Material</li>
|
|
<li>Interface</li>
|
|
</ul>
|
|
|
|
<h4>Audience</h4>
|
|
|
|
<table border="1">
|
|
<thead>
|
|
<tr><th>Value</th><th>Derived from</th><th>Source</th></tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr><td>Primary/secondary user role</td><td><code>PRODUCT.md</code> · Users</td><td>Questionnaire — In-chat (init)</td></tr>
|
|
<tr><td>Confirmed primary/secondary split</td><td><code>PRODUCT.md</code> · Users (PR #315)</td><td>Questionnaire — In-chat (init)</td></tr>
|
|
<tr><td>Context, job-to-be-done</td><td><code>PRODUCT.md</code> · Users</td><td>Questionnaire — In-chat (init)</td></tr>
|
|
<tr><td>Emotional goal on landing</td><td><code>PRODUCT.md</code> · Brand Personality</td><td>Questionnaire — In-chat (init)</td></tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<h4>Product</h4>
|
|
|
|
<table border="1">
|
|
<thead>
|
|
<tr><th>Value</th><th>Derived from</th><th>Source</th></tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr><td>Name</td><td><code>DESIGN.md</code> frontmatter <code>name</code></td><td>Derived</td></tr>
|
|
<tr><td>Register (<code>brand</code>/<code>product</code>)</td><td><code>PRODUCT.md</code> · Register</td><td>Questionnaire — In-chat (init)</td></tr>
|
|
<tr><td>What it does, success definition</td><td><code>PRODUCT.md</code> · Product Purpose</td><td>Questionnaire — In-chat (init)</td></tr>
|
|
<tr><td>Use cases (implicit)</td><td><code>PRODUCT.md</code> · Product Purpose</td><td>Derived</td></tr>
|
|
<tr><td>Differentiator / strategic claim</td><td><code>PRODUCT.md</code> · Positioning (PR #315)</td><td>Questionnaire — In-chat (init)</td></tr>
|
|
<tr><td>CTAs, memorable line, belief ladder</td><td><code>PRODUCT.md</code> · Conversion & proof (PR #315, brand only)</td><td>Questionnaire — In-chat (init)</td></tr>
|
|
<tr><td>Proof assets (testimonials, press, logos)</td><td><code>PRODUCT.md</code> · Conversion & proof (PR #315, brand only)</td><td>Questionnaire — In-chat (init)</td></tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<h4>Brand</h4>
|
|
|
|
<table border="1">
|
|
<thead>
|
|
<tr><th>Value</th><th>Derived from</th><th>Source</th></tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr><td>Identity name + narrative (long form)</td><td><code>DESIGN.md</code> · Overview</td><td>Questionnaire — In-chat (document)</td></tr>
|
|
<tr><td>Description (short form of the same narrative)</td><td><code>DESIGN.md</code> frontmatter <code>description</code></td><td>Questionnaire — In-chat (document)</td></tr>
|
|
<tr><td>Three words, voice, tone, references</td><td><code>PRODUCT.md</code> · Brand Personality</td><td>Questionnaire — In-chat (init)</td></tr>
|
|
<tr><td>Anti-references</td><td><code>PRODUCT.md</code> · Anti-references</td><td>Questionnaire — In-chat (init)</td></tr>
|
|
<tr><td>Strategic principles</td><td><code>PRODUCT.md</code> · Design Principles</td><td>Questionnaire — In-chat (init)</td></tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<h4>Color</h4>
|
|
|
|
<table border="1">
|
|
<thead>
|
|
<tr><th>Value</th><th>Derived from</th><th>Source</th></tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr><td>Palette (hex)</td><td><code>DESIGN.md</code> frontmatter <code>colors</code></td><td>Derived / Questionnaire — Browser (document)</td></tr>
|
|
<tr><td>Roles (primary/neutral)</td><td><code>DESIGN.md</code> · Colors</td><td>Questionnaire — In-chat (document)</td></tr>
|
|
<tr><td>Strategy (named rules)</td><td><code>DESIGN.md</code> · Colors → Named Rules</td><td>Questionnaire — In-chat (document)</td></tr>
|
|
<tr><td>Tints (opacity variants)</td><td><code>DESIGN.md</code> frontmatter <code>colors</code></td><td>Derived / Questionnaire — Browser (document)</td></tr>
|
|
<tr><td>Tonal ramps (OKLCH)</td><td><code>design.json</code> · <code>colorMeta.tonalRamp</code></td><td>Computed</td></tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<h4>Typography</h4>
|
|
|
|
<table border="1">
|
|
<thead>
|
|
<tr><th>Value</th><th>Derived from</th><th>Source</th></tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr><td>Font families</td><td><code>DESIGN.md</code> frontmatter <code>typography</code></td><td>Derived / Questionnaire — Browser (document)</td></tr>
|
|
<tr><td>Typescale (base + ratio, e.g. Major Third)</td><td>Visual document seed (planned)</td><td>Questionnaire — Browser (document)</td></tr>
|
|
<tr><td>Hierarchy (role/size/weight/etc.)</td><td><code>DESIGN.md</code> · Hierarchy</td><td>Derived</td></tr>
|
|
<tr><td>Readability rules</td><td><code>DESIGN.md</code> · Named Rules</td><td>Computed</td></tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<h4>Iconography</h4>
|
|
|
|
<table border="1">
|
|
<thead>
|
|
<tr><th>Value</th><th>Derived from</th><th>Source</th></tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr><td>Icon library/style (Lucide/Tabler Icons/Hugeicons)</td><td>Visual document seed (planned)</td><td>Questionnaire — Browser (document)</td></tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<h4>Material</h4>
|
|
|
|
<table border="1">
|
|
<thead>
|
|
<tr><th>Value</th><th>Derived from</th><th>Source</th></tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr><td>Spacing / layout scale</td><td><code>DESIGN.md</code> frontmatter <code>spacing</code></td><td>Derived / Questionnaire — Browser (document)</td></tr>
|
|
<tr><td>Layout structure / grid strictness</td><td>Visual document seed (existing)</td><td>Questionnaire — Browser (document)</td></tr>
|
|
<tr><td>Breakpoints</td><td><code>design.json</code> · <code>extensions.breakpoints</code></td><td>Computed</td></tr>
|
|
<tr><td>Radius</td><td><code>DESIGN.md</code> frontmatter <code>rounded</code></td><td>Derived / Questionnaire — Browser (document)</td></tr>
|
|
<tr><td>Borders</td><td><code>DESIGN.md</code> prose (Elevation/Colors)</td><td>Derived</td></tr>
|
|
<tr><td>Surfaces</td><td><code>DESIGN.md</code> · Colors → Neutral</td><td>Derived</td></tr>
|
|
<tr><td>Shadows + elevation</td><td><code>DESIGN.md</code> · Elevation; <code>design.json</code> · <code>shadows</code></td><td>Derived / Questionnaire — Browser (document)</td></tr>
|
|
<tr><td>Motion feel (qualitative)</td><td><code>DESIGN.md</code> · Do's and Don'ts</td><td>Questionnaire — In-chat (document) / Questionnaire — Browser (document)</td></tr>
|
|
<tr><td>Motion tokens (ease/duration)</td><td><code>design.json</code> · <code>extensions.motion</code></td><td>Computed / Questionnaire — Browser (document)</td></tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<h4>Interface</h4>
|
|
|
|
<table border="1">
|
|
<thead>
|
|
<tr><th>Value</th><th>Derived from</th><th>Source</th></tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr><td>Component tokens</td><td><code>DESIGN.md</code> frontmatter <code>components</code></td><td>Derived</td></tr>
|
|
<tr><td>Component prose + states</td><td><code>DESIGN.md</code> · Components</td><td>Derived / Questionnaire — In-chat (document)</td></tr>
|
|
<tr><td>Signature/future components</td><td><code>DESIGN.md</code> · Components</td><td>Questionnaire — In-chat (document)</td></tr>
|
|
<tr><td>Concrete HTML/CSS snippets</td><td><code>design.json</code> · <code>components[]</code></td><td>Computed</td></tr>
|
|
<tr><td>Accessibility & Inclusion</td><td><code>PRODUCT.md</code> · Accessibility & Inclusion</td><td>Questionnaire — In-chat (init)</td></tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
</body>
|
|
</html>
|