Style Guide

mnml was designed as a minimalist Micro.blog theme that’s clean and easy to read. This page demonstrates the default typography.

Markdown and HTML Element Style Guide

Headings

H1 Heading

Lorem ipsum dolor sit met, consectetur adipiscing elit. Aliquam eu cursus lorem, ut vulputate libero.

H2 Heading

Lorem ipsum dolor sit met, consectetur adipiscing elit. Aliquam eu cursus lorem, ut vulputate libero.

H3 Heading

Lorem ipsum dolor sit met, consectetur adipiscing elit. Aliquam eu cursus lorem, ut vulputate libero.

H4 Heading

Lorem ipsum dolor sit met, consectetur adipiscing elit. Aliquam eu cursus lorem, ut vulputate libero.

H5 Heading

Lorem ipsum dolor sit met, consectetur adipiscing elit. Aliquam eu cursus lorem, ut vulputate libero.

H6 Heading

Lorem ipsum dolor sit met, consectetur adipiscing elit. Aliquam eu cursus lorem, ut vulputate libero.

Paragraph Styles

This is a standard paragraph demonstrating text formatting. You can make text bold, italic, bold and italic, and use inline code.

Strikethrough text: ~~deleted text~~ Subscript: H₂O Superscript: X²

Inline Link

This is what an inline link looks like with text.

Lists

Unordered Lists

First item
Second item
- Nested item
  - Deep nested item

Ordered Lists

First ordered item
Second ordered item
1. Nested ordered item
Third ordered item

Task Lists

Completed task
Incomplete task

Blockquotes

This is a blockquote

It can span multiple lines

With nested elements

Lists can be inside

And other elements too

Code Blocks

Inline Code

Here’s some inline code within text.

Fenced Code Blocks

def hello_world():
    print("Hello, World!")
    return True

const greet = (name) => {
    console.log(`Hello, ${name}!`);
};

Horizontal Rules

This is a horizontal rule:

Tables

Column 1	Column 2	Column 3
Row 1, Col 1	Row 1, Col 2	Row 1, Col 3
Row 2, Col 1	Row 2, Col 2	Row 2, Col 3

Aligned Tables

Left-aligned	Center-aligned	Right-aligned
Content	Content	Content

Images

Inline Image

Auto-generated description: Three towering rock formations rise prominently amidst a landscape of rolling hills and a partly cloudy sky.

Image with Caption

Auto-generated description: A winding road leads towards a jagged mountain under dramatic, cloudy skies. — A winding road leads towards a jagged mountain under dramatic, cloudy skies.

Footnotes

Here’s a sentence with a footnote.¹

Definition Lists

Term: Definition of the term
Another Term: Another definition; Can have multiple definitions

HTML Elements

Some Markdown parsers support direct HTML:

Click to expand

Hidden content revealed

Keyboard input

Highlighted text

This is the footnote content. ↩︎