Red Gregory

View Original

11 Ways To Design And Align A Notion Header

How To Add Inline Code In Notion

Type $$insert code here$$. You must type the '$' symbols. Not just copy + paste the codes below.

See this content in the original post

1. Big Bold Header

Inline Equation

$$\Huge\textbf{\textsf{Header}}$$

2. Bold Sans Serif

Inline Equation

$$\LARGE\textbf{\textsf{Header}}\\ \Large\textsf{Sub Header}$$

3. Typewriter Text In Caps

Inline Equation

$$\Large\texttt{HEADER: SUB HEADER}$$

4. Stacked Header

Inline Equation

$$\LARGE\textbf{Header }\\ \Large\text{Sub Header}\\ \large\text{3-15-2021}$$

How To Add Centered Text In Notion

No special characters needed. Trigger: '/math' and paste text inside. (ex. \text{insert text to center})

5. Bold Centered Header

Math Block

\LARGE\textbf{Header} \\ \small\text{Sub Header}

6. Italics Centered Header

Math Block

\LARGE\text{Header} \\ \small\textit{Sub Header}

7. Sans Serif Centered Header

Math Block

\LARGE\textbf{\textsf{Header}} \\ \large\textsf{Sub Heading}

8. Typewriter Centered Header

Math Block

\LARGE\texttt{HEADER} \\ \large\texttt{Sub Heading}

How to add background color

To highlight a math block

  1. First, paste or type the code in plain text.

  2. Then, highlight the plain text in any color.

  3. Lastly, change block type to math block. Trigger: '/intomath'

9. Red Regular Centered Header

Math Block

\Large\text{Header} \\ \small\text{Sub-Header}

10. Blue Sans Serif Centered Header

Math Block

\Large\textsf{Header} \\ \small\textsf{Sub-Header}

11. Gray Typewriter Centered Header

Math Block

\Large\texttt{Header} \\ \small\texttt{Sub-Header}

Extra: Font Sizes With KaTeX

  1. \Huge\text{insert text here}

  2. \LARGE\text{insert text here}

  3. \Large\text{insert text here}

  4. \large\text{insert text here}

  5. \normalsize\text{insert text here}

  6. \small\text{insert text here}

  7. \tiny\text{insert text here}

Further Reading

See this gallery in the original post