Components

Components used in the template

Notion quote

Center the element using Notion default background quote block

  1. This notion quote is not a standard /quote block. this is a notion default quote block
  1. /quote → Click the 6 dots icon on the left → change background color to Default Background

Elements in the default quote will be centered

To set quote with default, instead of just using /quote, additionally change the background color to Default Background
 

Notion default Callout

  1. This notion callout is not a standard callout block. this is a notion default callout block
  1. If you want to add this default callout block. make sure to select the callout block and add the background default color.
      2. 📘
      Default callout block
       

Common Use Componentes

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

Heading 1

H1 Brown

H1 Grey

H1 Green

H1 Yellow

H1 Orange BG

H1 Grey bg

H1 Yellow BG

H1 Purple BG

H1 Pink BG

 

H1 Orange

H1 Blue

H1 Red

H1 Pink

H1 Purple

H1 Pink BG

H1 Blue BG

H1 Green BG

H1 Red BG

 
 

Heading 2

H2 Orange

H2 Red

H2 Blue

H2 Grey

H2 Brown

H2 Yellow

H2 Green

H2 Purple

H2 Pink

H2 Orange BG

H2 Blue BG

H2 Red BG

H2 Grey bg

H2 Pink BG

H2 Yellow BG

H2 Green BG

H2 Purple BG

H2 Pink BG

 

Heading 3

H3 Orange

H3 Blue

H3 Red

H3 Grey

H3 Brown

H3 Yellow

H3 Green

H3 Purple

H3 Pink

H3 Orange BG

H3 Blue BG

H3 Red BG

H3 Grey bg

H3 Pink BG

H3 Yellow BG

H3 Green BG

H3 Purple BG

H3 Pink BG

 
 
Red Quote
Quote
Orange Quote
Blue Quote
Grey Quote
Yellow Quote
Purple Quote
Brown Quote
Green Quote
Pink Quote
Background Quote
Orange Quote
Blue Quote
Red Quote
Grey Quote
Yellow Quote
Purple Quote
Brown Quote
Green Quote
Pink Quote
 
 
Callout inside 2 column
💡
Grey callout
💡
Brown Callout
💡
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
Linked Text
Code Text
Link
call to action button
 
Bulleted list
  • item
  • item
  • item
Numbered List
  1. Numbered item
  1. Numbered item
  1. Numbered item