Skip to content
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>LLM Evals for Humans that Read the Answers</title>
<meta name="description" content="Independent, human‑focused evaluations of large language models with transparent methodology.">
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="canonical" href="https://llm-evals-for-humans.example.com">
<!-- Structured Data for Rich Results -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebSite",
"name": "LLM Evals for Humans",
"description": "Independent human‑centric evaluation of large language models",
"url": "https://llm-evals-for-humans.example.com"
}
</script>
<!-- Open Graph / Twitter for social sharing -->
<meta property="og:title" content="LLM Evals for Humans that Read the Answers"/>
<meta property="og:description" content="See how today's top LLMs stack up in human‑oriented evaluations."/>
<meta property="og:type" content="website"/>
<meta property="og:url" content="https://llm-evals-for-humans.example.com"/>
<meta property="og:image" content="https://llm-evals-for-humans.example.com/og-image.png"/>
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:title" content="LLM Evals for Humans that Read the Answers"/>
<meta name="twitter:description" content="See how today's top LLMs stack up in human‑oriented evaluations."/>
<meta name="twitter:image" content="https://llm-evals-for-humans.example.com/og-image.png"/>
<!-- Tailwind CSS CDN -->
<script src="https://cdn.tailwindcss.com"></script>
<!-- Chart.js CDN -->
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
</head>
<body class="bg-gray-50 text-gray-800">
<header class="py-10">
<h1 class="text-center text-4xl font-extrabold">LLM Evals for Humans that Read the Answers</h1>
<p class="mt-4 text-center text-lg text-gray-600">Transparent, opinionated scoring that reflects how real people judge the output.</p>
</header>

<main class="max-w-5xl mx-auto px-4 grid gap-12 md:grid-cols-3">
<!-- Chart Section -->
<section class="md:col-span-2">
<canvas id="evalChart" aria-label="Bar chart of LLM scores" role="img"></canvas>
</section>

<!-- Sidebar Section -->
<aside>
<div class="bg-white rounded-2xl shadow p-6">
<h2 class="text-2xl font-semibold mb-2">At a glance</h2>
<ul class="space-y-1 text-gray-700">
<li><strong>o3</strong> — 500&nbsp;pts</li>
<li><strong>Gemini&nbsp;2.5</strong> — 60</li>
<li><strong>Sonnet&nbsp;4</strong> — 60</li>
<li><strong>Llama&nbsp;3&nbsp;70B</strong> — 55</li>
<li><strong>Mistral&nbsp;Large</strong> — 55</li>
<li><strong>DeepSeek</strong> — 50</li>
<li><strong>Other&nbsp;LLMs</strong> — 40</li>
</ul>
<a href="#methodology" class="inline-block mt-4 px-4 py-2 rounded-xl bg-indigo-600 text-white hover:bg-indigo-700">See methodology</a>
</div>
</aside>
</main>