1. Rams Index
  2. Every page
  3. Article

Article

The brief, as every model got it

A long-form article page for an engineering blog: masthead, article title and metadata, ~6 paragraphs of body with one pull quote, one code block, one inline data table, author bio card at the end. Typography is the product. Light theme.

The instructions that came with it

You are building production frontend code. Create a complete, self-contained, single-file HTML page for the brief below: all CSS in one <style> block, no external dependencies, no frameworks, vanilla JS only if the brief requires interaction. Ship it as you would to real users: accessible, responsive, visually considered. Output only the HTML file content. No explanation, no markdown fences.

17 models · 37 builds · 2 broken · best page first · the number is the Rams Index on that page

  • Claude Opus 5.5's article page, build 1 at desktop size, as the judge saw itThe same page at phone size
    Claude Opus 5.5Build 1 · rank 8 on the boardRams Index on this page: 85.7

    ModerateMeta line broken across two rows without visual grouping

    Desktop · Phone

  • Gemini 4 Argon's article page, build 1 at desktop size, as the judge saw itThe same page at phone size
    Gemini 4 ArgonBuild 1 · rank 6 on the boardRams Index on this page: 83.9

    ModerateSubsystem meta-value vertical misalignment

    Desktop · Phone

  • Claude Fable 5's article page, build 2 at desktop size, as the judge saw itThe same page at phone size
    Claude Fable 5Build 2 · rank 11 on the boardRams Index on this page: 83.9

    ModerateSection heading register blends with body weight

    Desktop · Phone

  • GPT-6 Astra's article page, build 2 at desktop size, as the judge saw itThe same page at phone size
    GPT-6 AstraBuild 2 · rank 1 on the boardRams Index on this page: 82.1

    ModerateSingle type register throughout body

    Desktop · Phone

  • Muse Wonder's article page, build 2 at desktop size, as the judge saw itThe same page at phone size
    Muse WonderBuild 2 · rank 7 on the boardRams Index on this page: 82.1

    ModerateDeck text weight competes with drop-cap paragraph

    Desktop · Phone

  • GPT-6 Astra's article page, build 1 at desktop size, as the judge saw itThe same page at phone size
    GPT-6 AstraBuild 1 · rank 1 on the boardRams Index on this page: 80.4

    ModerateSidebar note orphaned below TOC

    Desktop · Phone

  • GPT-6.1 Sol's article page, build 1 at desktop size, as the judge saw itThe same page at phone size
    GPT-6.1 SolBuild 1 · rank 3 on the boardRams Index on this page: 78.6

    ModerateAside note sits visually orphaned below TOC

    Desktop · Phone

  • GPT-6.1 Sol's article page, build 2 at desktop size, as the judge saw itThe same page at phone size
    GPT-6.1 SolBuild 2 · rank 3 on the boardRams Index on this page: 78.6

    ModerateBrand description runs as a single unspaced string

    Desktop · Phone

  • Claude Sonnet 5.5's article page, build 2 at desktop size, as the judge saw itThe same page at phone size
    Claude Sonnet 5.5Build 2 · rank 4 on the boardRams Index on this page: 78.6

    ModerateExcessive vertical gap before pullquote section

    Desktop · Phone

  • Grok 4.7's article page, build 2 at desktop size, as the judge saw itThe same page at phone size
    Grok 4.7Build 2 · rank 2 on the boardRams Index on this page: 76.8

    SeriousAuthor bio role/name order inverted

    Desktop · Phone

  • Claude Sonnet 5.5's article page, build 1 at desktop size, as the judge saw itThe same page at phone size
    Claude Sonnet 5.5Build 1 · rank 4 on the boardRams Index on this page: 76.8

    ModerateByline metadata columns lack visual separation

    Desktop · Phone

  • Kimi K3's article page, build 2 at desktop size, as the judge saw itThe same page at phone size
    Kimi K3Build 2 · unrankedRams Index on this page: 76.8

    ModerateMasthead date inconsistency

    Desktop · Phone

  • GPT-6 Luna's article page, build 1 at desktop size, as the judge saw itThe same page at phone size
    GPT-6 LunaBuild 1 · rank 5 on the boardRams Index on this page: 75.0

    ModerateRedundant separator characters in byline

    Desktop · Phone

  • GPT-5.6 Sol's article page, build 2 at desktop size, as the judge saw itThe same page at phone size
    GPT-5.6 SolBuild 2 · rank 9 on the boardRams Index on this page: 75.0

    SeriousMeta line breaks inconsistently across two rows

    Desktop · Phone

  • Kimi K3's article page, build 1 at desktop size, as the judge saw itThe same page at phone size
    Kimi K3Build 1 · unrankedRams Index on this page: 75.0

    SeriousExcessive vertical gap between meta block and article body

    Desktop · Phone

  • Qwen 3.8 Max's article page, build 2 at desktop size, as the judge saw itThe same page at phone size
    Qwen 3.8 MaxBuild 2 · unrankedRams Index on this page: 75.0

    ModerateCorrupted breadcrumb kicker text

    Desktop · Phone

  • Grok 4.7's article page, build 1 at desktop size, as the judge saw itThe same page at phone size
    Grok 4.7Build 1 · rank 2 on the boardRams Index on this page: 73.2

    ModerateCode block clips line horizontally

    Desktop · Phone

  • GPT-6 Luna's article page, build 2 at desktop size, as the judge saw itThe same page at phone size
    GPT-6 LunaBuild 2 · rank 5 on the boardRams Index on this page: 73.2

    SeriousBreadcrumb and eyebrow redundancy

    Desktop · Phone

  • GPT-5.6 Sol's article page, build 3 at desktop size, as the judge saw itThe same page at phone size
    GPT-5.6 SolBuild 3 · rank 9 on the boardRams Index on this page: 73.2

    ModerateRedundant label pairing in eyebrow

    Desktop · Phone

  • Claude Opus 4.8's article page, build 3 at desktop size, as the judge saw itThe same page at phone size
    Claude Opus 4.8Build 3 · rank 14 on the boardRams Index on this page: 73.2

    ModerateDrop cap 'E' visually heavy but unrefined

    Desktop · Phone

  • GLM 5.3's article page, build 1 at desktop size, as the judge saw itThe same page at phone size
    GLM 5.3Build 1 · unrankedRams Index on this page: 73.2

    ModerateMixed italic registers in pull-quote create unresolved tension

    Desktop · Phone

  • Claude Fable 5's article page, build 1 at desktop size, as the judge saw itThe same page at phone size
    Claude Fable 5Build 1 · rank 11 on the boardRams Index on this page: 72.3

    ModerateSingle type register throughout: no register shift

    Desktop · Phone

  • Gemini 4 Argon's article page, build 2 at desktop size, as the judge saw itThe same page at phone size
    Gemini 4 ArgonBuild 2 · rank 6 on the boardRams Index on this page: 71.4

    SeriousCode block tokens visually stripped: type identifiers appear as empty gaps

    Desktop · Phone

  • Claude Fable 5.1's article page, build 1 at desktop size, as the judge saw itThe same page at phone size
    Claude Fable 5.1Build 1 · rank 10 on the boardRams Index on this page: 71.4

    ModeratePull-quote lacks visual distinction from body text weight

    Desktop · Phone

  • Claude Opus 5.5's article page, build 2 at desktop size, as the judge saw itThe same page at phone size
    Claude Opus 5.5Build 2 · rank 8 on the boardRams Index on this page: 69.6

    SeriousCode block overflows horizontally: single-line scrolling wreck

    Desktop · Phone

  • DeepSeek V4 Pro's article page, build 2 at desktop size, as the judge saw itThe same page at phone size
    DeepSeek V4 ProBuild 2 · rank 13 on the boardRams Index on this page: 69.6

    ModerateKicker label all-caps tracking competes with byline register

    Desktop · Phone

  • GPT-5.6 Sol's article page, build 1 at desktop size, as the judge saw itThe same page at phone size
    GPT-5.6 SolBuild 1 · rank 9 on the boardRams Index on this page: 67.0

    ModeratePullquote label placement inverts expected reading order

    Desktop · Phone

  • Muse Wonder's article page, build 1 at desktop size, as the judge saw itThe same page at phone size
    Muse WonderBuild 1 · rank 7 on the boardRams Index on this page: 66.1

    SeriousTags misaligned to byline column

    Desktop · Phone

  • Gemini 3.8 Flash's article page, build 2 at desktop size, as the judge saw itThe same page at phone size
    Gemini 3.8 FlashBuild 2 · rank 12 on the boardRams Index on this page: 66.1

    SeriousNavigation clipped at right edge

    Desktop · Phone

  • Claude Opus 4.8's article page, build 1 at desktop size, as the judge saw itThe same page at phone size
    Claude Opus 4.8Build 1 · rank 14 on the boardRams Index on this page: 65.2

    ModerateRedundant 'Written by' / 'By' authorship labels

    Desktop · Phone

  • Claude Fable 5.1's article page, build 2 at desktop size, as the judge saw itThe same page at phone size
    Claude Fable 5.1Build 2 · rank 10 on the boardRams Index on this page: 64.3

    ModeratePull quote left-offset breaks column alignment

    Desktop · Phone

  • Claude Fable 5's article page, build 3 at desktop size, as the judge saw itThe same page at phone size
    Claude Fable 5Build 3 · rank 11 on the boardRams Index on this page: 64.3

    SeriousCode block overflows viewport width

    Desktop · Phone

  • Claude Opus 4.8's article page, build 2 at desktop size, as the judge saw itThe same page at phone size
    Claude Opus 4.8Build 2 · rank 14 on the boardRams Index on this page: 64.3

    ModerateSingle type register throughout

    Desktop · Phone

  • Gemini 3.8 Flash's article page, build 1 at desktop size, as the judge saw itThe same page at phone size
    Gemini 3.8 FlashBuild 1 · rank 12 on the boardRams Index on this page: 60.7

    CriticalContent clipped at right edge

    Desktop · Phone

  • DeepSeek V4 Pro's article page, build 1 at desktop size, as the judge saw itThe same page at phone size
    DeepSeek V4 ProBuild 1 · rank 13 on the boardRams Index on this page: 60.7

    ModerateInconsistent meta separator vertical alignment

    Desktop · Phone

  • Cut offThe page stopped before it finished (it hit the 32k output budget mid-file), so it counts as broken and is not scored.
    Qwen 3.8 MaxBuild 1 · unrankedNot scored
  • No pageThe model spent its whole 32k output budget reasoning and returned no page. It counts as broken and is not scored.
    GLM 5.3Build 2 · unrankedNot scored
The leaderboardAll five briefsHow Rams measures design
Rams

Product

Directories

Company

Guides

Frameworks

Compare

© HSLA0001 Inc. 2026