Design

11 Ways To Design And Align A Notion Header

eleven-header-designs-notion.png

🅰️ Notion Text Style

Eleven unique ways to design a Notion header with KaTeX. You can use inline equations and math blocks to change font style, font size, and text alignment. Yes, with these methods you can center text in Notion too! Here’s how to use the feature for your pages. Want to know more about KaTeX?

How To Add Inline Code In Notion

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

1. Big Bold Header

notion-header-format-bold.png

Inline Equation

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

 

2. Bold Sans Serif

notion-header-format-bold-sans-serif.png

Inline Equation

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

 

3. Typewriter Text In Caps

notion-header-format-typewriter-caps.png

Inline Equation

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

 

4. Stacked Header

notion-header-format-stacked-roman.png

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

notion-header-format-bold-centered-roman.png

Math Block

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

 

6. Italics Centered Header

notion-header-format-italics-centered-roman.png

Math Block

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

 

7. Sans Serif Centered Header

notion-header-format-sans-serif-centered-roman.png

Math Block

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

 

8. Typewriter Centered Header

notion-header-format-typewriter-centered-roman.png

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

notion-header-format-regular-centered-roman.png

Math Block

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

 

10. Blue Sans Serif Centered Header

notion-header-format-sans-serif-centered-blue.png

Math Block

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

 

11. Gray Typewriter Centered Header

notion-header-format-typewriter-centered-gray.png

Math Block

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

 

Extra: Font Sizes With KaTeX

notion-font-sizes-katex.png
  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