Typography
Typography examples and text formatting
This page demonstrates the typography styles available in JuicyDocs.
Headings
Headings from h2 to h4 are automatically included in the table of contents.
Heading Level 3
This is a third-level heading. Use these for subsections.
Heading Level 4
This is a fourth-level heading. The deepest level included in the TOC.
Heading Level 5
Fifth-level headings are not included in the TOC.
Heading Level 6
Sixth-level headings are for very detailed organization.
Paragraphs
This is a standard paragraph with some bold text and some italic text. You can also use bold italic for emphasis.
Here's another paragraph. Notice the comfortable spacing between paragraphs that makes content easy to read.
You can also create inline code within paragraphs using backticks.
Links
- Internal link to Features
- External link to Eleventy
- Email link: hello@example.com
External links automatically open in a new tab.
Lists
Unordered List
- First item
- Second item
- Nested item
- Another nested item
- Third item
Ordered List
- First step
- Second step
- Sub-step A
- Sub-step B
- Third step
Task List
- [x] Completed task
- [ ] Pending task
- [ ] Another pending task
Blockquotes
This is a blockquote. It's useful for highlighting important information or quoting external sources.
Nested blockquotes are also supported:
This is a nested quote.
Horizontal Rule
Content above the rule.
Content below the rule.
Tables
| Feature | Status | Notes |
|---|---|---|
| Dark Mode | Complete | System, light, dark |
| Search | Complete | Pagefind integration |
| Mobile Nav | Complete | Bottom bar + sidebar |
| i18n | Planned | Coming soon |
Wide Table
| Column 1 | Column 2 | Column 3 | Column 4 | Column 5 | Column 6 |
|---|---|---|---|---|---|
| Data | Data | Data | Data | Data | Data |
| Data | Data | Data | Data | Data | Data |
Wide tables automatically get horizontal scrolling.
Text Formatting
- Bold text using
**text** - Italic text using
*text* Strikethroughusing~~text~~Inline codeusing backticks- Highlighted text using
<mark> - Subscript using
<sub> - Superscript using
<sup>
Abbreviations
The HTML specification is maintained by the W3C.
*[HTML]: Hyper Text Markup Language *[W3C]: World Wide Web Consortium
Keyboard Keys
Press Cmd + K to open search.
Footnotes
Here's a sentence with a footnote.[^1]
[^1]: This is the footnote content.
