Nuxt - Typography Demo (CSS Classes)

Home Page

Main Title (XXL)

Section Heading (XL)

Sub-Section Heading (L)

Content Block Title (M)

Small Header (S)
Tiny Header (XS)

Main Title Italic (XXL)

Section Heading Italic (XL)

Sub-Section Heading Italic (L)

Content Block Title Italic (M)

Small Header Italic (S)
Tiny Header Italic (XS)

This is a prominent subheading, perhaps introducing a new section of body text (L).

This is a smaller subheading, useful for brief context or labels (S).


This is a main paragraph of body text (L). It's intended for long-form reading, like an article or detailed description. This is a link within the body text.

This is a smaller paragraph of body text (S). Used for secondary content or compact information. This is a small link in the secondary body text.

This is strong body text (L), highlighting a key takeaway or important warning. Strong link here.

This is strong body text (S), for emphasis in smaller contexts. Strong small link here.



This is a standard caption, used for image descriptions, metadata, or footnotes. Caption link example.

This is a strong caption, useful for crucial metadata or brief labels. Strong caption link.