Documentation

Reference and guides for Agentic Semantic Web — the CSS framework for agent-generated content.

ASW is a standalone CSS framework. Drop in one file and semantic HTML renders correctly — tasks, callouts, diffs, sessions, wikilinks, layouts. No classes required.

Getting started

• Introduction — What ASW is and why it exists
• Getting Started — Drop-in install, first page
• Philosophy — Semantic HTML as agent-native output
• Vocabulary Reference — Complete data-attribute index

Typography & content

• Typography — Type scale, headings, prose
• Tables — Semantic tables
• Code — <code>, <pre>, syntax blocks
• Blockquote — Pull quotes and citations
• Accordion — <details> expand/collapse
• Figure — <figure> with caption

Components

• Navigation — <nav>, breadcrumbs, tabbar
• Callouts — data-callout — tip, warning, error, info
• Buttons — <button> variants
• Forms — Inputs, selects, textarea
• Tooltips — data-tooltip inline hints
• AI Disclosure — EU AI Act metadata

Vault extensions

Agent vocabulary no other framework ships — because no other framework needed it.

• Tasks — data-task — done, wip, blocked, todo
• Status — data-status — operational state indicators
• Session — data-session, data-mode — bounded work units
• Wikilinks — data-wikilink — knowledge graph links
• Diff — data-diff — semantic diff output
• Redacted — data-redacted — privacy-aware content masking

Layout

• Prose — data-layout=prose — optimal reading width
• Grid — data-layout=grid-2/3 — responsive columns
• Docs Layout — data-layout=docs — sidebar + content + TOC
• Timeline — data-layout=timeline — chronological sequences
• Report — data-layout=report — print-first structured documents
• Footer — <footer> patterns

Charts

• Charts — data-attribute chart vocabulary
• Showcase — live chart examples

Theming

• Design Tokens — Override --accent, --gray-hue, and more
• Utilities — data-text, data-layout, spacing atoms

Packs

Drop-in configs for common environments.

• Pandoc Pack — Markdown → HTML pipeline with ASW vocabulary