---
title: "Headings"
description: "ASW styles all six heading levels with a consistent typographic scale."
type: docs
weight: 16
date: 2026-04-11
tags: ["typography", "headings"]
ai-disclosure: "generated"
ai-model: "claude-sonnet-4-6"
ai-provider: "Anthropic"
---

Headings `h1` through `h6` are sized using a fluid scale derived from the token system. No classes are needed — the element name is the selector.

## Inline Demo

<div style="border:1px solid var(--border,#ccc);padding:1.5rem;border-radius:4px">
  <h1>Heading level 1</h1>
  <h2>Heading level 2</h2>
  <h3>Heading level 3</h3>
  <h4>Heading level 4</h4>
  <h5>Heading level 5</h5>
  <h6>Heading level 6</h6>
</div>