Components

This page displays how each of the notion components will be rendered in the website.

Heading 1

H1 Grey

H1 Brown

H1 Orange

H1 Yellow

H1 Green

H1 Blue

H1 Purple

H1 Pink

H1 Red

H1 Grey bg

H1 Pink BG

H1 Orange BG

H1 Yellow BG

H1 Green BG

H1 Blue BG

H1 Purple BG

H1 Pink BG

H1 Red BG

 

Heading 2

H2 Grey

H2 Brown

H2 Orange

H2 Yellow

H2 Green

H2 Blue

H2 Purple

H2 Pink

H2 Red

H2 Grey bg

H2 Pink BG

H2 Orange BG

H2 Yellow BG

H2 Green BG

H2 Blue BG

H2 Purple BG

H2 Pink BG

H2 Red BG

 

Heading 3

H3 Grey

H3 Brown

H3 Orange

H3 Yellow

H3 Green

H3 Blue

H3 Purple

H3 Pink

H3 Red

H3 Grey bg

H3 Pink BG

H3 Orange BG

H3 Yellow BG

H3 Green BG

H3 Blue BG

H3 Purple BG

H3 Pink BG

H3 Red BG

 
 
 
Default Quote
Grey Quote
Yellow Quote
Purple Quote
Brown Quote
Green Quote
Pink Quote
Orange Quote
Blue Quote
Red Quote
Default Background Quote
Grey Quote
Yellow Quote
Purple Quote
Brown Quote
Green Quote
Pink Quote
Orange Quote
Blue Quote
Red Quote
 
 

Callout blocks

 
💡
Default Callout
 
Callout inside 2 column
💡
Grey callout
💡
Brown Callout
3 column callouts
💡
Orange Callout
💡
Yellow Callout
💡
Green Callout
4 column callout
💡
Blue
💡
Purple
💡
Pink
💡
Red
 

Text Blocks

Normal Text
Bold Text
Italic Text
Underlined Text
Strikethrough Text
Code Text
 
 
Bulleted list
  • item
  • item
  • item
Numbered List
  1. Numbered item
  1. Numbered item
  1. Numbered item