Rich Text

Text

Bold, Italicize, Underline, Link, code , break, s p a c i ng,

Color Text

Default, Gray, Brown, Orange, Yellow, Green, Blue, Purple, Pink, Red.

Background Text

Default, Gray, Brown, Orange, Yellow, Green, Blue, Purple, Pink, Red.

Text Links

External Link

This link navigates to the Notion website

( These are standard external links added in Notion to point to websites outside your domain. On our website, they open in a new tab. )

Internal Site Link

This link navigates to the blog page

( These are internal links created in Notion to point to other pages within your website. They open in the same tab for faster navigation. To create an internal link in Notion, use a direct path like /blog — don’t include the full domain. The path must match an existing page on your site for it to be recognized and rendered correctly. )

Color Link

Default, Gray, Brown, Orange, Yellow, Green, Blue, Purple, Pink, Red.

Background Link

Default, Gray, Brown, Orange, Yellow, Green, Blue, Purple, Pink, Red.

Underline

Normal Underline

Underline

Color Underline

Default, Gray, Brown, Orange, Yellow, Green, Blue, Purple, Pink, Red.

( You can see here that the underline color is inherited from the text color. )

Background Underline

Default, Gray, Brown, Orange, Yellow, Green, Blue, Purple, Pink, Red.

Strikethrough

Normal Strikethrough

Strikethrough

Color Strikethrough

Default, Gray, Brown, Orange, Yellow, Green, Blue, Purple, Pink, Red.

( You can see here that the Strikethrough color is inherited from the text color. )

Background Strikethrough

Default, Gray, Brown, Orange, Yellow, Green, Blue, Purple, Pink, Red.

Inline Code

Default inline Code

inline code

Color text inline Code

Default, Gray, Brown, Orange, Yellow, Green, Blue, Purple, Pink, Red.

Background inline Code

Default, Gray, Brown, Orange, Yellow, Green, Blue, Purple, Pink, Red.

Different Backgrounds Code side by side

Yellow Green Blue

Default Gray Brown Orange Yellow Green Blue Purple Pink Red.

Different Text Colors inline inline Code side by side

Yellow Green Blue

Default Gray Brown Orange Yellow Green Blue Purple Pink Red

inline code with Bold

Bold

inline code with Italicize

Italicize

inline code with Underline

Default, Gray, Brown, Orange, Yellow, Green, Blue, Purple,Pink, Red

inline code with Strike Through

Default, Gray, Brown, Orange, Yellow, Green, Blue, Purple,Pink, Red

inline code with Link inside

Link

inline code with Emoji inside

const status = " Success";

console.log(" Debug mode enabled");

const emoji = " + = ";

mix inline code with all annotations

Notion as a CMS

Text inline Equation

$E = mc²$

$F = ma$

$F = G * (m₁ * m₂) / r²$

Emojis in Text

All emojis in text are rendered as Twemojis for consistent appearance across devices.

People with Skin Tone Variations

Gendered Professions

  // Developer

  // Astronaut

  // Artist

Popular and Expressive

Aesthetic Emojis for UI

People with Skin Tone Variations