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

H2 Heading

H3 Heading

H4 Heading

H5 Heading

H6 Heading

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~2~O Superscript: X^2^

The same as html elements…

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

1. First ordered item
2. Second ordered item
   1. Nested ordered item
3. 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

Three ways to create a horizontal rule:

Tables

Aligned Tables

Images

Inline Image

Image with Title

Footnotes

Here’s a sentence with a footnote.¹

Definition Lists

Term

Definition of the term

Another Term

Another definition

Can have multiple definitions

Emoji Support

:smile: :heart: :thumbsup:

Alerts and Admonitions

!!! note This is a note admonition

!!! warning This is a warning admonition

!!! danger This is a danger admonition

HTML Elements

Some Markdown parsers support direct HTML:

Keyboard input

Highlighted text

Mathematical Notation (with LaTeX)

Inline math: $E = mc^2$

Block math: $$ \int_{-\infty}^{\infty} e^{-x^2} dx = \sqrt{\pi} $$