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.

External links automatically open in a new tab.

Lists

Unordered List

  • First item
  • Second item
    • Nested item
    • Another nested item
  • Third item

Ordered List

  1. First step
  2. Second step
    1. Sub-step A
    2. Sub-step B
  3. 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*
  • Strikethrough using ~~text~~
  • Inline code using 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.