Notion Essentials

Notion Style Generator

Create custom colored boxes and headers using Notion's equation block.

🎨 Custom Color Block

Notion only offers a few default colors. Use this tool to use ANY hex color for your text background.

$$ \colorbox{#8b5cf6}{\color{white}\textsf{\textbf{Aesthetic Header}}} $$

How to use: Copy the code above, go to Notion, type /equation (Block Equation) and paste.

Hacking Notion with KaTeX

Notion is built on top of web technologies, but it also integrates a powerful library called KaTeX. This is typically used by mathematicians to render complex formulas.

However, aesthetic creators discovered they can use KaTeX functions like \colorbox and \textsf (San Serif Text) to create design elements that aren't natively supported by Notion's UI. This allows for:

Using this generator, you don't need to learn the complex syntax of LaTeX. Just pick a color and copy the result.