mirror of
https://github.com/pbakaus/impeccable.git
synced 2026-09-20 10:06:54 +03:00
Oracle: context/doctor/pin/surface-brief/critique/palette/embed/signals/csp/seed/genimg/question cases and goldens
Prepared with AI assistance (Claude Code).
This commit is contained in:
Paul Bakaus
@@ -0,0 +1,2 @@
|
||||
import { Text } from "react-native";
|
||||
export default function App() { return <Text>Fixture</Text>; }
|
||||
@@ -0,0 +1,10 @@
|
||||
# Oracle Fixture Product
|
||||
|
||||
<!-- impeccable:product-schema 1 -->
|
||||
|
||||
## Platform
|
||||
|
||||
ios, android
|
||||
|
||||
## Positioning
|
||||
A fixture app the oracle harness uses to pin helper-script behavior.
|
||||
@@ -0,0 +1,7 @@
|
||||
{
|
||||
"name": "ctx-adaptive",
|
||||
"private": true,
|
||||
"dependencies": {
|
||||
"react-native": "0.80.0"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,10 @@
|
||||
# Oracle Fixture Product
|
||||
|
||||
<!-- impeccable:product-schema 1 -->
|
||||
|
||||
## Platform
|
||||
|
||||
flutter
|
||||
|
||||
## Positioning
|
||||
A fixture app the oracle harness uses to pin helper-script behavior.
|
||||
@@ -0,0 +1 @@
|
||||
void main() {}
|
||||
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"name": "ctx-bad-platform",
|
||||
"private": true
|
||||
}
|
||||
@@ -0,0 +1,3 @@
|
||||
name: fixture
|
||||
environment:
|
||||
sdk: ">=3.0.0"
|
||||
@@ -0,0 +1,3 @@
|
||||
export function middleware(req, res) {
|
||||
res.headers.set("Content-Security-Policy", "default-src 'self'");
|
||||
}
|
||||
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"name": "csp-arrays",
|
||||
"private": true
|
||||
}
|
||||
@@ -0,0 +1,3 @@
|
||||
export function buildCSPConfig(additionalScriptSrc: string[] = []) {
|
||||
return { "script-src": ["'self'", ...additionalScriptSrc] };
|
||||
}
|
||||
@@ -0,0 +1,7 @@
|
||||
export default {
|
||||
kit: {
|
||||
csp: {
|
||||
directives: { "script-src": ["self"] },
|
||||
},
|
||||
},
|
||||
};
|
||||
@@ -0,0 +1,6 @@
|
||||
const csp = "default-src 'self'; script-src 'self'; connect-src 'self'";
|
||||
export default {
|
||||
async headers() {
|
||||
return [{ source: "/(.*)", headers: [{ key: "Content-Security-Policy", value: csp }] }];
|
||||
},
|
||||
};
|
||||
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"name": "csp-string",
|
||||
"private": true
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
<html><head><meta http-equiv="Content-Security-Policy" content="default-src 'self'"></head><body></body></html>
|
||||
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"name": "csp-meta",
|
||||
"private": true
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
<!doctype html><html><head><meta http-equiv="content-security-policy" content="default-src 'self'"></head><body></body></html>
|
||||
@@ -0,0 +1 @@
|
||||
<html><head><meta http-equiv="Content-Security-Policy" content="default-src 'self'"></head><body><slot /></body></html>
|
||||
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"name": "csp-middleware",
|
||||
"private": true
|
||||
}
|
||||
@@ -0,0 +1,3 @@
|
||||
export function middleware(req, res) {
|
||||
res.headers.set("Content-Security-Policy", "default-src 'self'");
|
||||
}
|
||||
@@ -0,0 +1,3 @@
|
||||
export function middleware(req, res) {
|
||||
res.headers.set("Content-Security-Policy", "default-src 'self'");
|
||||
}
|
||||
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"name": "csp-none",
|
||||
"private": true
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
export const x = 1;
|
||||
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"name": "ctx-empty",
|
||||
"private": true
|
||||
}
|
||||
@@ -0,0 +1,3 @@
|
||||
{
|
||||
"buildPath": "comp"
|
||||
}
|
||||
+11
@@ -0,0 +1,11 @@
|
||||
---
|
||||
total_score: 72
|
||||
p0_count: 1
|
||||
p1_count: 3
|
||||
target: "src/pages/index.astro"
|
||||
timestamp: "2026-05-12T18:30:00.000Z"
|
||||
slug: src-pages-index-astro
|
||||
---
|
||||
# Critique: Home
|
||||
|
||||
Hero copy is generic; the CTA sits below the fold.
|
||||
@@ -0,0 +1,11 @@
|
||||
{
|
||||
"schemaVersion": 2,
|
||||
"source": "DESIGN.md",
|
||||
"tokens": {
|
||||
"colors": {
|
||||
"ink": "#111111",
|
||||
"paper": "#fbf7ef",
|
||||
"accent": "#1a4d8f"
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,14 @@
|
||||
---
|
||||
version: 1
|
||||
slug: "route-pricing"
|
||||
primary_target: "route:/pricing"
|
||||
related_targets: []
|
||||
---
|
||||
|
||||
# Surface brief: Pricing
|
||||
|
||||
## Mode
|
||||
Persuade
|
||||
|
||||
## Product strategy
|
||||
Make the middle tier the obvious pick.
|
||||
@@ -0,0 +1,14 @@
|
||||
---
|
||||
version: 1
|
||||
slug: "src-pages-index-astro"
|
||||
primary_target: "src/pages/index.astro"
|
||||
related_targets: ["src/components/Hero.astro"]
|
||||
---
|
||||
|
||||
# Surface brief: Home
|
||||
|
||||
## Mode
|
||||
Persuade
|
||||
|
||||
## Product strategy
|
||||
Get a visitor to install the product.
|
||||
@@ -0,0 +1,40 @@
|
||||
---
|
||||
name: Oracle Fixture
|
||||
colors:
|
||||
ink: "#111111"
|
||||
paper: "#fbf7ef"
|
||||
accent: "#1a4d8f"
|
||||
typography:
|
||||
body:
|
||||
fontFamily: "Palatino, Georgia, serif"
|
||||
heading:
|
||||
fontFamily: "Palatino, Georgia, serif"
|
||||
components:
|
||||
button:
|
||||
backgroundColor: "{colors.accent}"
|
||||
---
|
||||
|
||||
# Design System: Oracle Fixture
|
||||
|
||||
## Overview
|
||||
A quiet editorial system: warm paper, ink text, one deep blue accent.
|
||||
|
||||
## Colors
|
||||
|
||||
### Primary
|
||||
- **Ink** (#111111): Text.
|
||||
- **Paper** (#fbf7ef): Page background.
|
||||
- **Accent** (#1a4d8f): Links and primary actions.
|
||||
|
||||
## Typography
|
||||
|
||||
**Body Font:** Palatino
|
||||
|
||||
### Hierarchy
|
||||
- **Body** (400, 17px, 1.55): Paragraphs.
|
||||
- **H1** (600, 40px, 1.1): Page title.
|
||||
|
||||
## Components
|
||||
|
||||
### Button
|
||||
- Accent fill, paper text, no shadow.
|
||||
@@ -0,0 +1,20 @@
|
||||
# Oracle Fixture Product
|
||||
|
||||
<!-- impeccable:product-schema 1 -->
|
||||
|
||||
## Platform
|
||||
|
||||
web
|
||||
|
||||
## Positioning
|
||||
A fixture app the oracle harness uses to pin helper-script behavior.
|
||||
|
||||
## Operating Context
|
||||
Small teams reviewing design output.
|
||||
|
||||
## Evidence on Hand
|
||||
None yet.
|
||||
|
||||
## Product Principles
|
||||
- Say what it does.
|
||||
- Nothing decorative.
|
||||
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"name": "ctx-full",
|
||||
"private": true
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
<header class="hero hero--tall"><h1 class="hero__title">Oracle</h1><p class="hero__lede">Fixture hero.</p><a class="button button--primary" href="#">Start</a></header>
|
||||
@@ -0,0 +1,4 @@
|
||||
---
|
||||
import Hero from "../components/Hero.astro";
|
||||
---
|
||||
<html lang="en"><body class="page page--home"><Hero /><section class="grid grid--3 features"><article class="card">One</article><article class="card">Two</article><article class="card">Three</article></section></body></html>
|
||||
@@ -0,0 +1,10 @@
|
||||
:root {
|
||||
--color-ink: #111111;
|
||||
--color-paper: #fbf7ef;
|
||||
--color-accent: #1a4d8f;
|
||||
--font-body: Palatino, Georgia, serif;
|
||||
--space-1: 4px;
|
||||
--space-2: 8px;
|
||||
}
|
||||
body { color: var(--color-ink); background: var(--color-paper); font-family: var(--font-body); }
|
||||
a { color: var(--color-accent); }
|
||||
@@ -0,0 +1,14 @@
|
||||
{
|
||||
"buildPath": "fast",
|
||||
"theme": "dark",
|
||||
"detector": {
|
||||
"ignoreRules": [
|
||||
"gradient-text",
|
||||
"not-a-real-rule"
|
||||
],
|
||||
"ignoreFiles": [
|
||||
"src/vendor/missing.css"
|
||||
],
|
||||
"mode": "strict"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,10 @@
|
||||
---
|
||||
version: 1
|
||||
slug: "src-old-astro"
|
||||
primary_target: "src/old.astro"
|
||||
related_targets: []
|
||||
---
|
||||
|
||||
# Surface brief: Old
|
||||
|
||||
Retired page.
|
||||
@@ -0,0 +1,6 @@
|
||||
{
|
||||
"schemaVersion": 1,
|
||||
"colors": {
|
||||
"ink": "#111"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,10 @@
|
||||
---
|
||||
name: Legacy
|
||||
---
|
||||
# Design System: Legacy
|
||||
|
||||
## Colors
|
||||
- **Ink** (#111): Text.
|
||||
|
||||
## Typography
|
||||
**Body Font:** Inter
|
||||
@@ -0,0 +1,12 @@
|
||||
# Legacy Product
|
||||
|
||||
## Register
|
||||
|
||||
brand
|
||||
|
||||
## Users
|
||||
Designers who ship.
|
||||
|
||||
## Platform
|
||||
|
||||
web
|
||||
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"name": "ctx-legacy",
|
||||
"private": true
|
||||
}
|
||||
@@ -0,0 +1,18 @@
|
||||
import './styles.css';
|
||||
|
||||
export default function App() {
|
||||
return (
|
||||
<main className="page page--wide">
|
||||
<header className="hero hero--tall">
|
||||
<h1 className="hero__title">Oracle fixture</h1>
|
||||
<p className="hero__lede">A component with enough class tokens to count as visual implementation.</p>
|
||||
<a className="button button--primary" href="#">Start</a>
|
||||
</header>
|
||||
<section className="grid grid--3 features">
|
||||
<article className="card card--flat">One</article>
|
||||
<article className="card card--flat">Two</article>
|
||||
<article className="card card--flat">Three</article>
|
||||
</section>
|
||||
</main>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,10 @@
|
||||
:root {
|
||||
--color-ink: #111111;
|
||||
--color-paper: #fbf7ef;
|
||||
--color-accent: #1a4d8f;
|
||||
--font-body: Palatino, Georgia, serif;
|
||||
--space-1: 4px;
|
||||
--space-2: 8px;
|
||||
}
|
||||
body { color: var(--color-ink); background: var(--color-paper); font-family: var(--font-body); }
|
||||
a { color: var(--color-accent); }
|
||||
@@ -0,0 +1,5 @@
|
||||
{
|
||||
"projectRoots": [
|
||||
"apps/*"
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,40 @@
|
||||
---
|
||||
name: Oracle Fixture
|
||||
colors:
|
||||
ink: "#111111"
|
||||
paper: "#fbf7ef"
|
||||
accent: "#1a4d8f"
|
||||
typography:
|
||||
body:
|
||||
fontFamily: "Palatino, Georgia, serif"
|
||||
heading:
|
||||
fontFamily: "Palatino, Georgia, serif"
|
||||
components:
|
||||
button:
|
||||
backgroundColor: "{colors.accent}"
|
||||
---
|
||||
|
||||
# Design System: Oracle Fixture
|
||||
|
||||
## Overview
|
||||
A quiet editorial system: warm paper, ink text, one deep blue accent.
|
||||
|
||||
## Colors
|
||||
|
||||
### Primary
|
||||
- **Ink** (#111111): Text.
|
||||
- **Paper** (#fbf7ef): Page background.
|
||||
- **Accent** (#1a4d8f): Links and primary actions.
|
||||
|
||||
## Typography
|
||||
|
||||
**Body Font:** Palatino
|
||||
|
||||
### Hierarchy
|
||||
- **Body** (400, 17px, 1.55): Paragraphs.
|
||||
- **H1** (600, 40px, 1.1): Page title.
|
||||
|
||||
## Components
|
||||
|
||||
### Button
|
||||
- Accent fill, paper text, no shadow.
|
||||
@@ -0,0 +1,20 @@
|
||||
# Oracle Fixture Product
|
||||
|
||||
<!-- impeccable:product-schema 1 -->
|
||||
|
||||
## Platform
|
||||
|
||||
web
|
||||
|
||||
## Positioning
|
||||
A fixture app the oracle harness uses to pin helper-script behavior.
|
||||
|
||||
## Operating Context
|
||||
Small teams reviewing design output.
|
||||
|
||||
## Evidence on Hand
|
||||
None yet.
|
||||
|
||||
## Product Principles
|
||||
- Say what it does.
|
||||
- Nothing decorative.
|
||||
@@ -0,0 +1,16 @@
|
||||
---
|
||||
name: App A
|
||||
colors:
|
||||
ink: "#111111"
|
||||
---
|
||||
# Design System: App A
|
||||
|
||||
## Colors
|
||||
- **Ink** (#111111): Text.
|
||||
|
||||
## Typography
|
||||
**Body Font:** Inter
|
||||
|
||||
## Components
|
||||
### Button
|
||||
- Plain.
|
||||
@@ -0,0 +1,10 @@
|
||||
# App A
|
||||
|
||||
<!-- impeccable:product-schema 1 -->
|
||||
|
||||
## Platform
|
||||
|
||||
web
|
||||
|
||||
## Positioning
|
||||
The marketing site.
|
||||
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"name": "a",
|
||||
"private": true
|
||||
}
|
||||
@@ -0,0 +1,18 @@
|
||||
import './styles.css';
|
||||
|
||||
export default function App() {
|
||||
return (
|
||||
<main className="page page--wide">
|
||||
<header className="hero hero--tall">
|
||||
<h1 className="hero__title">Oracle fixture</h1>
|
||||
<p className="hero__lede">A component with enough class tokens to count as visual implementation.</p>
|
||||
<a className="button button--primary" href="#">Start</a>
|
||||
</header>
|
||||
<section className="grid grid--3 features">
|
||||
<article className="card card--flat">One</article>
|
||||
<article className="card card--flat">Two</article>
|
||||
<article className="card card--flat">Three</article>
|
||||
</section>
|
||||
</main>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,10 @@
|
||||
:root {
|
||||
--color-ink: #111111;
|
||||
--color-paper: #fbf7ef;
|
||||
--color-accent: #1a4d8f;
|
||||
--font-body: Palatino, Georgia, serif;
|
||||
--space-1: 4px;
|
||||
--space-2: 8px;
|
||||
}
|
||||
body { color: var(--color-ink); background: var(--color-paper); font-family: var(--font-body); }
|
||||
a { color: var(--color-accent); }
|
||||
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"name": "b",
|
||||
"private": true
|
||||
}
|
||||
@@ -0,0 +1,18 @@
|
||||
import './styles.css';
|
||||
|
||||
export default function App() {
|
||||
return (
|
||||
<main className="page page--wide">
|
||||
<header className="hero hero--tall">
|
||||
<h1 className="hero__title">Oracle fixture</h1>
|
||||
<p className="hero__lede">A component with enough class tokens to count as visual implementation.</p>
|
||||
<a className="button button--primary" href="#">Start</a>
|
||||
</header>
|
||||
<section className="grid grid--3 features">
|
||||
<article className="card card--flat">One</article>
|
||||
<article className="card card--flat">Two</article>
|
||||
<article className="card card--flat">Three</article>
|
||||
</section>
|
||||
</main>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,10 @@
|
||||
:root {
|
||||
--color-ink: #111111;
|
||||
--color-paper: #fbf7ef;
|
||||
--color-accent: #1a4d8f;
|
||||
--font-body: Palatino, Georgia, serif;
|
||||
--space-1: 4px;
|
||||
--space-2: 8px;
|
||||
}
|
||||
body { color: var(--color-ink); background: var(--color-paper); font-family: var(--font-body); }
|
||||
a { color: var(--color-accent); }
|
||||
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"name": "ctx-monorepo",
|
||||
"private": true
|
||||
}
|
||||
@@ -0,0 +1,2 @@
|
||||
packages:
|
||||
- "apps/*"
|
||||
@@ -0,0 +1,10 @@
|
||||
# Oracle Fixture Product
|
||||
|
||||
<!-- impeccable:product-schema 1 -->
|
||||
|
||||
## Platform
|
||||
|
||||
ios
|
||||
|
||||
## Positioning
|
||||
A fixture app the oracle harness uses to pin helper-script behavior.
|
||||
@@ -0,0 +1,3 @@
|
||||
import SwiftUI
|
||||
|
||||
@main struct FixtureApp: App { var body: some Scene { WindowGroup { Text("Fixture") } } }
|
||||
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"name": "ctx-native-ios",
|
||||
"private": true
|
||||
}
|
||||
@@ -0,0 +1,4 @@
|
||||
---
|
||||
name: impeccable
|
||||
description: fixture
|
||||
---
|
||||
@@ -0,0 +1,5 @@
|
||||
---
|
||||
name: audit
|
||||
description: a user-authored audit skill
|
||||
---
|
||||
Not pinned.
|
||||
@@ -0,0 +1,4 @@
|
||||
---
|
||||
name: impeccable
|
||||
description: fixture
|
||||
---
|
||||
@@ -0,0 +1,4 @@
|
||||
---
|
||||
name: impeccable
|
||||
description: fixture
|
||||
---
|
||||
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"name": "ctx-pin",
|
||||
"private": true
|
||||
}
|
||||
@@ -0,0 +1,20 @@
|
||||
# Oracle Fixture Product
|
||||
|
||||
<!-- impeccable:product-schema 1 -->
|
||||
|
||||
## Platform
|
||||
|
||||
web
|
||||
|
||||
## Positioning
|
||||
A fixture app the oracle harness uses to pin helper-script behavior.
|
||||
|
||||
## Operating Context
|
||||
Small teams reviewing design output.
|
||||
|
||||
## Evidence on Hand
|
||||
None yet.
|
||||
|
||||
## Product Principles
|
||||
- Say what it does.
|
||||
- Nothing decorative.
|
||||
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"name": "ctx-product-only",
|
||||
"private": true
|
||||
}
|
||||
@@ -0,0 +1,18 @@
|
||||
import './styles.css';
|
||||
|
||||
export default function App() {
|
||||
return (
|
||||
<main className="page page--wide">
|
||||
<header className="hero hero--tall">
|
||||
<h1 className="hero__title">Oracle fixture</h1>
|
||||
<p className="hero__lede">A component with enough class tokens to count as visual implementation.</p>
|
||||
<a className="button button--primary" href="#">Start</a>
|
||||
</header>
|
||||
<section className="grid grid--3 features">
|
||||
<article className="card card--flat">One</article>
|
||||
<article className="card card--flat">Two</article>
|
||||
<article className="card card--flat">Three</article>
|
||||
</section>
|
||||
</main>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,10 @@
|
||||
:root {
|
||||
--color-ink: #111111;
|
||||
--color-paper: #fbf7ef;
|
||||
--color-accent: #1a4d8f;
|
||||
--font-body: Palatino, Georgia, serif;
|
||||
--space-1: 4px;
|
||||
--space-2: 8px;
|
||||
}
|
||||
body { color: var(--color-ink); background: var(--color-paper); font-family: var(--font-body); }
|
||||
a { color: var(--color-accent); }
|
||||
@@ -0,0 +1,2 @@
|
||||
node_modules
|
||||
.impeccable/
|
||||
@@ -0,0 +1,20 @@
|
||||
# Oracle Fixture Product
|
||||
|
||||
<!-- impeccable:product-schema 1 -->
|
||||
|
||||
## Platform
|
||||
|
||||
web
|
||||
|
||||
## Positioning
|
||||
A fixture app the oracle harness uses to pin helper-script behavior.
|
||||
|
||||
## Operating Context
|
||||
Small teams reviewing design output.
|
||||
|
||||
## Evidence on Hand
|
||||
None yet.
|
||||
|
||||
## Product Principles
|
||||
- Say what it does.
|
||||
- Nothing decorative.
|
||||
@@ -0,0 +1,21 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Oracle visual fixture</title>
|
||||
<style>
|
||||
:root { --ink: #111; --paper: #fbf7ef; --accent: #1a4d8f; }
|
||||
body { margin: 0; font-family: Palatino, Georgia, serif; color: var(--ink); background: var(--paper); }
|
||||
header { padding: 32px 24px; border-bottom: 1px solid #ddd; }
|
||||
h1 { font-size: 40px; line-height: 1.1; margin: 0 0 8px; }
|
||||
p { max-width: 60ch; line-height: 1.55; }
|
||||
.cta { display: inline-block; padding: 12px 20px; background: var(--accent); color: #fff; text-decoration: none; }
|
||||
footer { padding: 24px; font-size: 14px; color: #555; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header><h1>Oracle visual fixture</h1><p>A page with an incumbent visual system and no PRODUCT.md, so the harness sees the no-product-with-visuals branch.</p><a class="cta" href="#">Start</a></header>
|
||||
<main><p>Body copy that pushes the file over the length threshold the visual-implementation heuristic uses, so this counts as an incumbent design.</p></main>
|
||||
<footer>Fixture footer</footer>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"name": "ctx-signals",
|
||||
"private": true
|
||||
}
|
||||
@@ -0,0 +1,18 @@
|
||||
import './styles.css';
|
||||
|
||||
export default function App() {
|
||||
return (
|
||||
<main className="page page--wide">
|
||||
<header className="hero hero--tall">
|
||||
<h1 className="hero__title">Oracle fixture</h1>
|
||||
<p className="hero__lede">A component with enough class tokens to count as visual implementation.</p>
|
||||
<a className="button button--primary" href="#">Start</a>
|
||||
</header>
|
||||
<section className="grid grid--3 features">
|
||||
<article className="card card--flat">One</article>
|
||||
<article className="card card--flat">Two</article>
|
||||
<article className="card card--flat">Three</article>
|
||||
</section>
|
||||
</main>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,10 @@
|
||||
:root {
|
||||
--color-ink: #111111;
|
||||
--color-paper: #fbf7ef;
|
||||
--color-accent: #1a4d8f;
|
||||
--font-body: Palatino, Georgia, serif;
|
||||
--space-1: 4px;
|
||||
--space-2: 8px;
|
||||
}
|
||||
body { color: var(--color-ink); background: var(--color-paper); font-family: var(--font-body); }
|
||||
a { color: var(--color-accent); }
|
||||
@@ -0,0 +1 @@
|
||||
export const add = (a: number, b: number) => a + b;
|
||||
@@ -0,0 +1,21 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Oracle visual fixture</title>
|
||||
<style>
|
||||
:root { --ink: #111; --paper: #fbf7ef; --accent: #1a4d8f; }
|
||||
body { margin: 0; font-family: Palatino, Georgia, serif; color: var(--ink); background: var(--paper); }
|
||||
header { padding: 32px 24px; border-bottom: 1px solid #ddd; }
|
||||
h1 { font-size: 40px; line-height: 1.1; margin: 0 0 8px; }
|
||||
p { max-width: 60ch; line-height: 1.55; }
|
||||
.cta { display: inline-block; padding: 12px 20px; background: var(--accent); color: #fff; text-decoration: none; }
|
||||
footer { padding: 24px; font-size: 14px; color: #555; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header><h1>Oracle visual fixture</h1><p>A page with an incumbent visual system and no PRODUCT.md, so the harness sees the no-product-with-visuals branch.</p><a class="cta" href="#">Start</a></header>
|
||||
<main><p>Body copy that pushes the file over the length threshold the visual-implementation heuristic uses, so this counts as an incumbent design.</p></main>
|
||||
<footer>Fixture footer</footer>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"name": "ctx-visual-only",
|
||||
"private": true
|
||||
}
|
||||
@@ -0,0 +1,10 @@
|
||||
:root {
|
||||
--color-ink: #111111;
|
||||
--color-paper: #fbf7ef;
|
||||
--color-accent: #1a4d8f;
|
||||
--font-body: Palatino, Georgia, serif;
|
||||
--space-1: 4px;
|
||||
--space-2: 8px;
|
||||
}
|
||||
body { color: var(--color-ink); background: var(--color-paper); font-family: var(--font-body); }
|
||||
a { color: var(--color-accent); }
|
||||
Reference in New Issue
Block a user