Typography

Font sizes, weights, alignment, transforms, line-height, letter-spacing, and text utilities.

Headings

All six HTML heading levels with default styling.

Heading 1 — 2.25rem / Bold

Heading 2 — 1.875rem / Bold

Heading 3 — 1.5rem / Semi-bold

Heading 4 — 1.25rem / Semi-bold

Heading 5 — 1.125rem / Medium

Heading 6 — 1rem / Medium

Font Sizes

Utility classes for controlling font size independently of heading tags.

Class	Size	Preview
`.n-text-xs`	0.75rem	The quick brown fox
`.n-text-sm`	0.875rem	The quick brown fox
`.n-text-base`	1rem	The quick brown fox
`.n-text-lg`	1.125rem	The quick brown fox
`.n-text-xl`	1.25rem	The quick brown fox
`.n-text-2xl`	1.5rem	The quick brown fox
`.n-text-3xl`	1.875rem	Quick brown
`.n-text-4xl`	2.25rem	Quick

Extra small Small Base (default) Large Extra large 2XL 3XL 4XL

Font Weights

Control the thickness of text.

Light (300) — .n-font-light

Normal (400) — .n-font-normal

Medium (500) — .n-font-medium

Semibold (600) — .n-font-semibold

Bold (700) — .n-font-bold

Text Alignment

Align text horizontally within its container.

.n-text-left — Left-aligned text (default)

.n-text-center — Center-aligned text

.n-text-right — Right-aligned text

.n-text-justify — Justified text stretches each line so that each line has equal width, and the left and right margins are straight. This is typically used in newspapers and books for a clean, formal look.

Text Transforms & Decoration

Transform case and add decorations.

Transforms

.n-uppercase — all caps text

.n-lowercase — ALL LOWERCASE NOW

.n-capitalize — capitalize each word

.n-normal-case — reset transform

Decoration & Style

.n-italic — Italic text style

.n-underline — Underlined text

.n-line-through — Strikethrough text

.n-no-underline — No decoration

Line Height & Letter Spacing

Fine-tune text rhythm and spacing.

Line Height

.n-leading-none (1.0) — The quick brown fox jumps over the lazy dog. This text has no extra line spacing at all.

.n-leading-tight (1.25) — The quick brown fox jumps over the lazy dog. This text has tight line spacing.

.n-leading-normal (1.5) — The quick brown fox jumps over the lazy dog. This is the default line spacing.

.n-leading-relaxed (1.75) — The quick brown fox jumps over the lazy dog. This text is more relaxed and comfortable.

Letter Spacing

.n-tracking-tight Tightly tracked

.n-tracking-normal Default spacing

.n-tracking-wide Wide tracking

Special Utilities

Truncation and monospace font.

Truncate

This is an extremely long line of text that should be truncated with an ellipsis when it overflows its container boundary.

Monospace Font

.n-font-mono — const greeting = "Hello, Nucleus!";

Text Colors

Apply semantic colors to text.

.n-text-primary — Indigo

.n-text-secondary — Purple

.n-text-success — Green

.n-text-danger — Red

.n-text-warning — Amber

.n-text-info — Cyan

.n-text-muted — Slate

.n-text-dark — Dark