Download

One self-contained stylesheet — no build step, no dependencies.

Link it from the CDN

The quickest way — point at the hosted file:

<link rel="stylesheet" href="https://stylesheet.org/stylesheet.css">

Or grab the file

Download stylesheet.css

Starter page

Copy this and start writing semantic HTML — every tag is already styled.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>My site</title>
  <link rel="stylesheet" href="https://stylesheet.org/stylesheet.css">
</head>
<body>
  <header>
    <nav aria-label="Primary">
      <a href="/">My site</a>
      <ul>
        <li><a href="/" aria-current="page">Home</a></li>
        <li><a href="/about/">About</a></li>
      </ul>
    </nav>
  </header>

  <main>
    <h1>Welcome</h1>
    <p>Just write tags — no classes needed.</p>
    <section>
      <h2>A section</h2>
      <p>Sections open with a plain heading.</p>
    </section>
  </main>

  <footer><p>© My site</p></footer>
</body>
</html>

What you get

Semantic elements

headings, p, a, lists, code, pre, blockquote, table, form, input, select, textarea, button, header, nav, main, section, menu, footer.

A few classes

row, column, grid, flow, stretch, panel, card, chip, buttons, status, paging — for the jobs HTML has no element for.