<aside> <img src="/icons/info-alternate_gray.svg" alt="/icons/info-alternate_gray.svg" width="40px" /> Use dividers of any size and color.

</aside>

Details

Dividers are surprisingly useful to organize a well-functioning workspace. When used properly, they can give your workspace a professional feel.

The default divider Notion offers ( /divider ) is black and thin, but did you know that you can add your own custom color dividers? Simply use this code:

Instructions

  1. Copy the above code and paste it into a Notion page.
  2. Replace “hex code” with a code of your choosing to define the color, for example “FF0000” for red. Check out the Solid Text Color Formating hack for codes and sample colors.
  3. Change the width and height as needed.
  4. Delete the last $ and re-type it to activate the divider.

Sample Dividers

$\color{FF0000}\rule{5000px}{3px}$$$\color{FF0000}\rule{5000px}{3px}$$

$\color{00FF00}\rule{280px}{3px}$$$\color{00FF00}\rule{280px}{3px}$$

$\color{0000FF}\rule{140px}{1px}$ $$\color{0000FF}\rule{140px}{1px}$$

$\color{FF00FF}\rule{200px}{1.5px}$ $$\color{FF00FF}\rule{200px}{1.5px}$$

$\color{424242}\rule{365px}{50px}$$$\color{424242}\rule{365px}{50px}$$

$\color{008000}\rule{30px}{30px}$ $$\color{008000}\rule{30px}{30px}$$

$\color{C6E6D9}\rule{10px}{10px}$ $$\color{C6E6D9}\rule{10px}{10px}$$

$\color{FFCE45}\rule{1.5px}{60px}$ $$\color{FFCE45}\rule{1.5px}{60px}$$

$\color{FF7145}\rule{3px}{5000px}$ $$\color{FF7145}\rule{3px}{5000px}$$

Formulas

Buttons

Interfaces

Workarounds

Beautification

Build Ideas

Notion Creators

Color Library

Free Icon Sets

Basic Cover Images

Ha ha, made you scroll! 😊