Docs
Typography
Typography
Styles for text content.
Typography
Installation
pnpm dlx shadcn@latest add "https://akasha-ui.pages.dev/r/styles/default/typography.json"
Usage
import { Typography } from "<path-to-ui-components>/typography";
<Typography>Almost before we knew it, we had left the ground.</Typography>
h1
The primary headline for a page or section, designed to grab attention with maximum prominence.
h2
A secondary heading, used to organize and introduce main sections.
h3
A subheading to structure content under H2, offering a clear hierarchy.
h4
A less prominent title for subsections or smaller sections within the text.
h5
The smallest heading, suitable for page headings.
h6
A lightweight heading style used for supporting information, metadata, or minor section titles. Ideal for low-priority headers in UI or content hierarchy.
p
Standard body text for posts, comments & general written content.
Small
Used for explanatory text and supporting details. Used in input & tooltips.
Small bold
Compact bold text for subtitles, Buttons & Links.
Extra small
Minimal text for metadata, footnotes, or other supportive content.
Extra small bold
Bold text for elements in tight spaces, buttons & Links