Typography
Typography
Text StylesDiscover the premium typography scales and font styling guidelines used throughout the PiruAdmin dashboard.
Standard Headings
Standard HTML headings styled with perfect visual proportions.
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Display Headings & Lead
Large display headings when extra visual emphasis is required.
D1
D4
This is a lead paragraph. It stands out with a slightly larger font size and lighter weight for key intro texts.
Inline Text Elements & Utilities
Helper classes for styling and aligning inline paragraph text.
Styled Paragraphs & Mutes
You can use the mark tag to highlight text.
This line of text will render as underlined.
This line of text is meant to be treated as fine print.
This line rendered as bold text.
This line rendered as italicized text.
This is a secondary muted paragraph text.
Blockquotes & Lists
"Simplicity is the ultimate sophistication."
- Inline Item 1
- Inline Item 2
- Inline Item 3