---
title: "Utilities"
description: "Utility data-attributes in ASW for text variants, spacing, and display."
type: docs
weight: 43
date: 2026-04-11
tags: ["reference", "utilities", "data-attributes"]
ai-disclosure: "generated"
ai-model: "claude-sonnet-4-6"
ai-provider: "Anthropic"
---

ASW provides a small set of utility attributes for inline adjustments. Rather than class names, these use `data-*` attributes to stay in the semantic-HTML spirit of the framework.

## Inline Demo

<div style="border:1px solid var(--border,#ccc);padding:1.5rem;border-radius:4px;display:flex;flex-direction:column;gap:0.5rem">
  <p><span data-text="mono">data-text="mono"</span> — monospace font</p>
  <p><span data-text="dim">data-text="dim"</span> — reduced opacity / muted</p>
  <p><span data-text="accent">data-text="accent"</span> — accent colour</p>
  <p><span data-text="small">data-text="small"</span> — smaller font size</p>
</div>