Typography on ASW — Agentic Semantic Web

Headings

Sat, 11 Apr 2026 00:00:00 +0000

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

Heading level 1

Heading level 2

Heading level 3

Heading level 4

Heading level 5

Heading level 6

Prose

Sat, 11 Apr 2026 00:00:00 +0000

ASW sets comfortable line-height, paragraph spacing, and list markers on prose elements automatically. Write plain HTML and the reading experience takes care of itself.

Inline Demo

This is a body paragraph. ASW uses a fluid font size and generous line-height so long-form text remains comfortable to read on any screen width.

First item in an unordered list
Second item
Third item

Good design is as little design as possible.

Code

Sat, 11 Apr 2026 00:00:00 +0000

Inline <code> uses a monospace font with a subtle background tint. Block-level <pre><code> gets a full-width container with padding and horizontal scroll for long lines.

Inline Demo

Use data-callout="tip" to style a callout block, or data-layout="docs" for a sidebar layout.

/* Minimal ASW page */
<!doctype html>
<html lang="en">
<head>
  <link rel="stylesheet" href="asw.css">
</head>
<body>
  <main><article>Hello, ASW.</article></main>
</body>
</html>