1. Rams Index
  2. Every page
  3. Settings

Settings

The brief, as every model got it

Account settings page for a developer tool: profile section (name, email, avatar), notification preferences (email/push toggles), API keys list with create and revoke, and a clearly separated danger zone (delete account). Neutral 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 · 3 broken · best page first · the number is the Rams Index on that page

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

    SeriousNavigation tabs overflow clipped

    Desktop · Phone

  • Qwen 3.8 Max's settings 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: 58.9

    SeriousTab nav clips rightmost item

    Desktop · Phone

  • Claude Sonnet 5.5's settings 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: 57.1

    SeriousTab bar clips Danger zone label

    Desktop · Phone

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

    SeriousFourth nav tab clipped off-screen

    Desktop · Phone

  • Claude Sonnet 5.5's settings 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: 55.4

    Serious"Danger zone" tab clipped at viewport edge

    Desktop · Phone

  • Muse Wonder's settings 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: 55.4

    SeriousTab navigation truncated: Sessions, Billing, Team & roles, Danger zone not visible

    Desktop · Phone

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

    ModerateBadge contrast borderline on green 'Full access' chip

    Desktop · Phone

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

    SeriousCard-foot action bar partially clipped at viewport bottom

    Desktop · Phone

  • GPT-6 Luna's settings 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: 53.6

    SeriousDual navigation redundancy

    Desktop · Phone

  • Muse Wonder's settings 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: 53.6

    SeriousDescription text clipped mid-sentence

    Desktop · Phone

  • Claude Opus 5.5's settings 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: 53.6

    SeriousNav tab clipped: 'Danger zone' truncated at viewport edge

    Desktop · Phone

  • GPT-6 Astra's settings 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: 51.8

    ModerateRedundant 'Personal workspace' label in topbar

    Desktop · Phone

  • Grok 4.7's settings 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: 51.8

    SeriousInconsistent badge styling between key rows

    Desktop · Phone

  • Grok 4.7's settings 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: 51.8

    SeriousSave changes button right-aligned while form fields span full width

    Desktop · Phone

  • GPT-6 Luna's settings 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: 51.8

    SeriousLarge dead zone below last card

    Desktop · Phone

  • GPT-5.6 Sol's settings 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: 51.8

    SeriousNav tab clipped at right edge

    Desktop · Phone

  • Claude Fable 5.1's settings 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: 51.8

    SeriousSingle type register throughout

    Desktop · Phone

  • GPT-5.6 Sol's settings 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: 50.9

    Serious'Upload photo' and 'Remove' buttons use inconsistent visual treatment

    Desktop · Phone

  • GPT-6 Astra's settings 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: 50.0

    SeriousNavigation tabs clipped at right edge

    Desktop · Phone

  • Gemini 4 Argon's settings 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: 50.0

    SeriousRedundant page title duplicates sidebar active item

    Desktop · Phone

  • Claude Opus 5.5's settings 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: 50.0

    CriticalContent clipped by viewport edge

    Desktop · Phone

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

    SeriousPage title and section heading duplication

    Desktop · Phone

  • Claude Fable 5's settings 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: 50.0

    SeriousRedundant page title in breadcrumb and H1

    Desktop · Phone

  • Claude Fable 5's settings 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: 50.0

    SeriousPage title duplicates nav breadcrumb

    Desktop · Phone

  • Gemini 3.8 Flash's settings 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

    SeriousDuplicate 'Account Settings' heading

    Desktop · Phone

  • Gemini 3.8 Flash's settings 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

    SeriousExcessive dead space above notification table

    Desktop · Phone

  • DeepSeek V4 Pro's settings 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

    SeriousRedundant email label in header

    Desktop · Phone

  • GPT-6.1 Sol's settings 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: 48.2

    SeriousDanger zone heading duplicated

    Desktop · Phone

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

    SeriousRedundant 'Danger zone' label appears twice in close proximity

    Desktop · Phone

  • Claude Opus 4.8's settings 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

    SeriousRedundant label duplication in Danger zone

    Desktop · Phone

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

    SeriousRevoke buttons vertically misaligned with key info block

    Desktop · Phone

  • GPT-6.1 Sol's settings 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: 46.4

    SeriousMismatched button heights in avatar actions row

    Desktop · Phone

  • DeepSeek V4 Pro's settings 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: 46.4

    SeriousAvatar centered above left-aligned fields

    Desktop · Phone

  • Claude Opus 4.8's settings 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: 45.5

    SeriousInconsistent button styles across sections

    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.
    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