Typography

Typography in kinu is delivered as CSS utility classes rather than components. Import the stylesheet once and use native HTML elements for headings, paragraphs, and muted text.

import 'kinu/components/typography/style.css';

The stylesheet defines attribute selectors and utility classes such as:

• [k="lead"] — larger paragraph text for intros.
• [k="muted"] — subdued foreground color for secondary text.
• [k="small"] — small print text.

Because the CSS targets attributes, you can opt in without extra JavaScript:

<h1 k="h1">Page title</h1>
<p k="lead">Short blurb that introduces the section.</p>
<p k="muted">Secondary information.</p>

Use semantic HTML elements wherever possible. The typography CSS simply layers design tokens and spacing on top of the elements you already write.