1. Rams Index
  2. Every page
  3. Dashboard

Dashboard

The brief, as every model got it

Analytics dashboard for a podcast hosting platform: left sidebar navigation, four stat cards (plays, subscribers, completion rate, revenue), a 30-day plays bar chart built in CSS, and a table of the ten most recent episodes with play counts and trend. 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 · 6 broken · best page first · the number is the Rams Index on that page

  • GPT-6.1 Sol's dashboard 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: 73.2

    ModerateCents superscript optically heavier than intended

    Desktop · Phone

  • Grok 4.7's dashboard 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: 66.1

    ModerateSingle type register throughout

    Desktop · Phone

  • Claude Fable 5.1's dashboard 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: 66.1

    ModerateExcessive dead space below episode table

    Desktop · Phone

  • GPT-6 Astra's dashboard 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: 64.3

    ModerateRedundant 'vs. previous 30 days' repeated four times

    Desktop · Phone

  • Grok 4.7's dashboard 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: 64.3

    SeriousMixed type register in header: no voice shift

    Desktop · Phone

  • GPT-6.1 Sol's dashboard 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: 64.3

    SeriousDuplicated 48,392 / 18.6% values

    Desktop · Phone

  • GPT-6 Luna's dashboard 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: 64.3

    SeriousRight-column stat cards clipped at viewport edge

    Desktop · Phone

  • Muse Wonder's dashboard 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: 64.3

    SeriousDuplicate total plays figure

    Desktop · Phone

  • Claude Fable 5's dashboard 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: 64.3

    ModerateCompletion rate delta is semantically inconsistent with peers

    Desktop · Phone

  • Claude Opus 5.5's dashboard 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: 62.5

    ModerateSubtitle text clipped in header

    Desktop · Phone

  • GPT-6 Astra's dashboard 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: 60.7

    ModerateExcessive dead space below episode table

    Desktop · Phone

  • Claude Sonnet 5.5's dashboard 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: 60.7

    ModerateChart summary stats lack visual separation from chart title block

    Desktop · Phone

  • Muse Wonder's dashboard 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: 58.9

    ModerateSingle type register throughout

    Desktop · Phone

  • GPT-6 Luna's dashboard 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: 57.1

    SeriousDuplicate 48,291 figure on same screen

    Desktop · Phone

  • Gemini 4 Argon's dashboard 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: 57.1

    SeriousHeader title wraps to two lines creating awkward break

    Desktop · Phone

  • Claude Opus 5.5's dashboard 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: 55.4

    ModerateStat footer labels compete with trend values

    Desktop · Phone

  • GPT-5.6 Sol's dashboard 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: 55.4

    ModerateSingle type register throughout

    Desktop · Phone

  • Claude Fable 5's dashboard 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: 55.4

    ModerateRedundant time-range labeling

    Desktop · Phone

  • GPT-5.6 Sol's dashboard 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: 54.5

    ModerateSubtitle text truncated in page heading

    Desktop · Phone

  • Claude Sonnet 5.5's dashboard 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: 53.6

    ModerateLegend dot competes weakly as sole color signal

    Desktop · Phone

  • Gemini 4 Argon's dashboard 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: 51.8

    SeriousSingle type register throughout: no voice differentiation

    Desktop · Phone

  • Claude Opus 4.8's dashboard 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: 51.8

    SeriousNavigation wraps into two rows, clipping rightmost items

    Desktop · Phone

  • Claude Fable 5.1's dashboard 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: 50.0

    SeriousInconsistent card internal padding rhythm

    Desktop · Phone

  • Gemini 3.8 Flash's dashboard 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: 50.0

    SeriousTable content clipped at right edge

    Desktop · Phone

  • Gemini 3.8 Flash's dashboard 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: 50.0

    SeriousHeader button clipped at right edge

    Desktop · Phone

  • DeepSeek V4 Pro's dashboard 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: 50.0

    SeriousStat card footer text misaligned vertically with value

    Desktop · Phone

  • Claude Fable 5's dashboard 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: 48.2

    ModerateBar chart uses generic library defaults

    Desktop · Phone

  • DeepSeek V4 Pro's dashboard 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: 48.2

    SeriousThree action controls break into two misaligned rows

    Desktop · Phone

  • Claude Opus 4.8's dashboard 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: 48.2

    SeriousNavigation wraps into two rows: horizontal sidebar nav breaking

    Desktop · Phone

  • GPT-5.6 Sol's dashboard 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: 46.4

    SeriousDuplicate 'Analytics' label: page title and active nav state

    Desktop · Phone

  • Claude Opus 4.8's dashboard 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: 46.4

    SeriousNavigation clipped at right edge

    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
  • Cut offThe page stopped before it finished (it hit the 32k output budget mid-file), so it counts as broken and is not scored.
    Kimi K3Build 1 · unrankedNot scored
  • 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 2 · unrankedNot scored
  • Cut offThe page stopped before it finished (it hit the 32k output budget mid-file), so it counts as broken and is not scored.
    Kimi K3Build 2 · 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 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