Sample `sample-001`

Run: 2026-04-22 swiss-editorial n=30
Cell: @cf/openai/gpt-oss-120b
Provider: cloudflare-workers-ai
Condition: raw (brief only)
Brief: briefs/landing.yml
Linter: 1 error 3 warn 0 info

Rules that fired

warn ahd/weight-variety
Only 2 distinct font-weight value(s) used (600, 500). The token declares multiple weights; use them.
error ahd/require-type-pairing
Only one font family declared (menlo). Pair a display face with a text face.
warn ahd/line-height-per-size
Only one line-height value (1.6) declared. Display needs ~1.05; body ~1.5–1.6; captions ~1.3.
warn ahd/radius-hierarchy
Only one radius value ("4px") declared across the page. Make buttons sharper or softer than cards, and media different from both. (Sharp-only or sharp+pill compositions don't fire this rule.)

Source

The exact bytes the linter read. Lines with fires are highlighted; click a rule above to jump to its line.


                1
              <!doctype html>
              
            
                2
              <html lang="en">
              
            
                3
              <head>
              
            
                4
              <meta charset="UTF-8">
              
            
                5
              <meta name="viewport" content="width=device-width, initial-scale=1">
              
            
                6
              <title>Artificial Human Design – AHD</title>
              
            
                7
              <style>
              
            
                8
                body {
              
            
                9
                  margin: 0;
              
            
               10
                  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
              
            
               11
                  line-height: 1.6;
              
            
               12
                  color: #222;
              
            
               13
                  background: #fafafa;
              
            
               14
                }
              
            
               15
                header {
              
            
               16
                  padding: 2rem 1rem;
              
            
               17
                  max-width: 800px;
              
            
               18
                  margin: auto;
              
            
               19
                }
              
            
               20
                h1 {
              
            
               21
                  margin: 0 0 .5rem;
              
            
               22
                  font-size: 2.2rem;
              
            
               23
                  font-weight: 600;
              
            
               24
                }
              
            
               25
                p.lead {
              
            
               26
                  margin: 0 0 1.5rem;
              
            
               27
                  font-size: 1.1rem;
              
            
               28
                  color: #555;
              
            
               29
                }
              
            
               30
                a.cta {
              
            
               31
                  display: inline-block;
              
            
               32
                  padding: .6rem 1.2rem;
              
            
               33
                  margin-top: .5rem;
              
            
               34
                  background: #0066cc;
              
            
               35
                  color: #fff;
              
            
               36
                  text-decoration: none;
              
            
               37
                  border-radius: 4px;
              
            
               38
                  font-weight: 500;
              
            
               39
                }
              
            
               40
                a.cta:hover {
              
            
               41
                  background: #004999;
              
            
               42
                }
              
            
               43
                pre {
              
            
               44
                  background: #1e1e1e;
              
            
               45
                  color: #e5e5e5;
              
            
               46
                  padding: 1rem;
              
            
               47
                  overflow-x: auto;
              
            
               48
                  border-radius: 4px;
              
            
               49
                  font-size: .95rem;
              
            
               50
                }
              
            
               51
                code {
              
            
               52
                  font-family: Menlo, Consolas, "Courier New", monospace;
              
            
               53
                }
              
            
               54
                section.manifest {
              
            
               55
                  max-width: 800px;
              
            
               56
                  margin: 2rem auto;
              
            
               57
                  padding: 0 1rem;
              
            
               58
                }
              
            
               59
                section.manifest h2 {
              
            
               60
                  font-size: 1.5rem;
              
            
               61
                  margin-bottom: .5rem;
              
            
               62
                  border-bottom: 2px solid #ddd;
              
            
               63
                  padding-bottom: .3rem;
              
            
               64
                }
              
            
               65
                ul {
              
            
               66
                  list-style: disc;
              
            
               67
                  margin-left: 1.5rem;
              
            
               68
                }
              
            
               69
                footer {
              
            
               70
                  background: #f0f0f0;
              
            
               71
                  padding: 1rem;
              
            
               72
                  font-size: .9rem;
              
            
               73
                  text-align: center;
              
            
               74
                  margin-top: 3rem;
              
            
               75
                }
              
            
               76
                footer a {
              
            
               77
                  color: #0066cc;
              
            
               78
                  text-decoration: none;
              
            
               79
                }
              
            
               80
              </style>
              
            
               81
              </head>
              
            
               82
              <body>
              
            
               83
               
              
            
               84
              <header>
              
            
               85
                <h1>Artificial Human Design (AHD)</h1>
              
            
               86
                <p class="lead">A framework that treats AI‑generated design as a first‑class artifact, giving you the tools to evaluate, lint, and iterate without the noise.</p>
              
            
               87
                <a href="https://github.com/your-org/ahd" class="cta" target="_blank" rel="noopener">Read the code</a>
              
            
               88
               
              
            
               89
                <pre><code class="language-bash">ahd eval-live swiss-editorial --brief briefs/landing.yml --models &lt;specs&gt; --n 10</code></pre>
              
            
               90
              </header>
              
            
               91
               
              
            
               92
              <section class="manifest">
              
            
               93
                <h2>What ships</h2>
              
            
               94
                <ul>
              
            
               95
                  <li>Brief compiler</li>
              
            
               96
                  <li>28‑rule linter</li>
              
            
               97
                  <li>Eval harness</li>
              
            
               98
                  <li>Vision‑critic scaffold</li>
              
            
               99
                  <li>MCP server</li>
              
            
              100
                  <li>Editor plugins</li>
              
            
              101
                  <li>Eight tokens</li>
              
            
              102
                </ul>
              
            
              103
              </section>
              
            
              104
               
              
            
              105
              <section class="manifest">
              
            
              106
                <h2>What is gated</h2>
              
            
              107
                <ul>
              
            
              108
                  <li>Live frontier‑model calls (needs API keys)</li>
              
            
              109
                  <li>Live vision critique (needs multimodal key + screenshot pipeline)</li>
              
            
              110
                  <li>Standalone npm packages for the editor plugins</li>
              
            
              111
                  <li>Additional tokens</li>
              
            
              112
                </ul>
              
            
              113
              </section>
              
            
              114
               
              
            
              115
              <footer>
              
            
              116
                Code licensed under <a href="https://spdx.org/licenses/FSL-1.1-Apache-2.0.html" target="_blank" rel="noopener">FSL‑1.1‑Apache‑2.0</a>. Tokens and artwork licensed under <a href="https://creativecommons.org/licenses/by/4.0/" target="_blank" rel="noopener">CC‑BY‑4.0</a>.
              
            
              117
              </footer>
              
            
              118
               
              
            
              119
              </body>
              
            
              120
              </html>

Rendered

The same HTML rendered in a sandboxed frame. No scripts execute, no network calls are allowed; this is the same HTML the source block shows above, nothing more.

On phone-size screens the frame renders the sample at its designed viewport scaled down, so a landing page meant for a desktop still reads as a landing page. Open rendered sample in a new tab to view full size.

Every sample in this run is reachable via its cell / condition / id. The full run writeup with per-cell and per-tell tables lives at /evals/2026-04-22-swiss-n30.