mirror of
https://github.com/pbakaus/impeccable.git
synced 2026-09-18 00:56:30 +03:00
68 lines
2.6 KiB
JSON
68 lines
2.6 KiB
JSON
{
|
|
"name": "Vite 8 + React + brand fidelity",
|
|
"config": {
|
|
"files": ["index.html"],
|
|
"insertBefore": "</body>",
|
|
"commentSyntax": "html"
|
|
},
|
|
"sourceFiles": ["PRODUCT.md", "DESIGN.md", "index.html", "src/App.jsx", "src/main.jsx", "src/styles.css", "vite.config.js"],
|
|
"generatedFiles": [],
|
|
"renderedQuality": {
|
|
"remoteSafe": true,
|
|
"captureSelector": "main.page-shell",
|
|
"viewport": { "width": 1280, "height": 900 },
|
|
"action": "bolder",
|
|
"brief": "Make the Field Notes offer materially bolder while preserving Northstar's restrained editorial system.",
|
|
"reviewFocus": "Hierarchy, proportion, composition, brand fidelity, usability, and copy preservation.",
|
|
"constraints": [
|
|
"Warm paper, dark ink, moss, and brass only",
|
|
"Georgia display type with a restrained sans body",
|
|
"No gradients, shadows, glow, or invented content",
|
|
"Preserve every word and the ActionLink"
|
|
],
|
|
"tokens": {
|
|
"--color-paper": "#f3efe4",
|
|
"--color-paper-deep": "#e7dfcf",
|
|
"--color-ink": "#20251f",
|
|
"--color-moss": "#526248",
|
|
"--color-brass": "#9b6b2f",
|
|
"--font-display": "Georgia, Times New Roman, serif",
|
|
"--font-body": "Inter, Arial, sans-serif"
|
|
},
|
|
"componentRoles": {
|
|
"ActionLink": "Quiet outlined control; preserve its label, border, radius, and interaction role",
|
|
"offer-card": "Warm-paper offer surface with dark ink, moss structure, and optional brass rules"
|
|
},
|
|
"redactSelectors": []
|
|
},
|
|
"wrapCases": [
|
|
{
|
|
"name": "wraps the benchmark offer card in source JSX",
|
|
"args": { "classes": "offer-card", "tag": "article", "text": "Field Notes" },
|
|
"expectedFile": "src/App.jsx"
|
|
}
|
|
],
|
|
"runtime": {
|
|
"styling": "plain-css",
|
|
"install": ["npm", "install", "--no-audit", "--no-fund", "--loglevel=error"],
|
|
"devCommand": ["npx", "vite", "--host", "127.0.0.1"],
|
|
"readyPattern": "Local:\\s+https?://[^:]+:(\\d+)",
|
|
"readyTimeoutMs": 120000,
|
|
"pickSelector": "article.offer-card",
|
|
"pickPosition": { "x": 8, "y": 8 },
|
|
"expectedPick": { "tagName": "article", "classes": ["offer-card"] },
|
|
"acceptedSourcePattern": "<article[^>]*(class|className)=\"[^\"]*\\boffer-card\\b[^\"]*\"",
|
|
"steer": {
|
|
"message": "steer-e2e mark offer",
|
|
"target": { "classes": "offer-card", "tag": "article" },
|
|
"expectSelector": "article.offer-card[data-impeccable-steer=\"e2e\"]",
|
|
"expectSourceContains": "data-impeccable-steer=\"e2e\"",
|
|
"sourceFile": "src/App.jsx"
|
|
},
|
|
"probe": {
|
|
"expectLiveInit": true,
|
|
"expectConsoleClean": true
|
|
}
|
|
}
|
|
}
|