Command Palette

Search for a command to run...

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