Typography
.your-style { font-family: 'Jedi'; font-weight: normal; font-style: normal; }
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789.:,;()*!?'@#<>$%&^+-=~
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
Headings
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Paragraphs
This is a standard paragraph. It contains some text to demonstrate the default styling of paragraphs in this design system.
Bold text and italic text can be used to emphasize certain parts of the content.
Blockquotes
"This is a blockquote. It is used to highlight a quote or a piece of text that requires special attention."
Lists
Unordered List
- First item
- Second item
- Third item
Ordered List
- First item
- Second item
- Third item
Code
Inline code: const x = 10;
// Block of code
function greet() {
console.log("Hello, world!");
}