Typography
Styles for headings, paragraphs, lists, and other text elements using Tailwind utility classes.
Installation
Copy the following code into your app directory.
buridan add component typographyExamples
Below are examples demonstrating how the component can be used.
All Styles
A showcase of all typography styles in one example.
The Legend of Sherwood Forest
In the days of old England, when King Richard was away at the Crusades, a corrupt Sheriff ruled Nottingham with an iron fist. The poor were taxed beyond measure, while nobles lived in luxury.
The Outlaw Emerges
One man refused to bow to tyranny. Robin of Locksley, stripped of his lands and title, fled to Sherwood Forest where he gathered a band of outlaws dedicated to justice.
"We steal from the rich and give to the needy," he declared, "for no law is just when it starves the innocent."
The Merry Men
Robin's band grew, attracting the bravest and most skilled fighters in the realm:
- Little John: The mighty quarterstaff warrior
- Friar Tuck: The jovial man of God
- Maid Marian: The fearless noblewoman
Together, they became legends, robbing tax collectors and corrupt nobles, always staying one step ahead of the Sheriff's men.
The Sheriff's Fury
The Sheriff of Nottingham grew desperate. Every convoy he sent through Sherwood was ambushed, every cruel tax returned to the poor. His reputation crumbled while Robin's legend grew.
The Great Archery Contest
In a cunning trap, the Sheriff announced an archery contest with a golden arrow as prize. Robin couldn't resist the challenge.
| Sheriff's Treasury | Common Folk's Wellbeing |
|---|---|
| Overflowing | Starving |
| Modest | Surviving |
| Empty | Thriving |
Though disguised, Robin's skill gave him away. But with the help of his Merry Men and the cheering crowd, he escaped. When King Richard returned, he pardoned Robin and restored his lands.
The legend reminds us: when laws serve only the powerful, it falls to the brave to stand for what is right.
H1
An example of a large primary heading style.
The Legend of Sherwood Forest
H2
A secondary heading with slightly smaller text.
The Outlaw and His Merry Men
H3
A tertiary heading for subsection titles.
A Robin Hood Tale
H4
A small heading used for minor sections or labels.
The people rallied to his cause
Paragraph
A standard paragraph text style for body content.
Robin Hood, seeing the suffering of the common folk, vowed to take from the rich and give to the poor until justice was restored.
Blockquote
A styled blockquote element for quoted text.
"We steal from the rich and give to the needy," he declared, "for no law is just when it starves the innocent."
List
A demonstration of styled ordered and unordered lists.
- Little John: The mighty quarterstaff warrior
- Friar Tuck: The jovial man of God
- Maid Marian: The fearless noblewoman
Inline Code
Inline code styling for short snippets within text.
@buridan-ui/uiLead
A larger, attention-grabbing paragraph for introductions.
A legendary tale of heroism and justice, where one man stood against tyranny to defend the oppressed.
Large
An example of text with a slightly larger font size.
Small
A smaller, subdued text style for fine print or notes.
Muted
A muted text style with reduced contrast for secondary information.
In the reign of King Richard.
