diff --git a/_posts/2019-08-08-text-and-typography.md b/_posts/2019-08-08-text-and-typography.md
index 6e1f213..cf38af4 100644
--- a/_posts/2019-08-08-text-and-typography.md
+++ b/_posts/2019-08-08-text-and-typography.md
@@ -80,8 +80,11 @@ Moon
 
 ## Prompts
 
-> An example showing the `note` type prompt.
-{: .prompt-note }
+> An example showing the `tip` type prompt.
+{: .prompt-tip }
+
+> An example showing the `info` type prompt.
+{: .prompt-info }
 
 > An example showing the `warning` type prompt.
 {: .prompt-warning }
diff --git a/_posts/2019-08-08-write-a-new-post.md b/_posts/2019-08-08-write-a-new-post.md
index ad76a2b..c52c2f1 100644
--- a/_posts/2019-08-08-write-a-new-post.md
+++ b/_posts/2019-08-08-write-a-new-post.md
@@ -29,7 +29,7 @@ tags: [TAG]     # TAG names should always be lowercase
 ```
 
 > The posts' _layout_ has been set to `post` by default, so there is no need to add the variable _layout_ in the Front Matter block.
-{: .prompt-note }
+{: .prompt-tip }
 
 ### Timezone of Date
 
@@ -249,25 +249,13 @@ pin: true
 
 ## Prompts
 
-There are three types of prompts, `note`, `warning` and `danger`. When writing, add the class `prompt-{type}` to a blockquote:
+There are several types of prompts: `tip`, `info`, `warning`, and `danger`. They can be generated by adding the class `prompt-{type}` to the blockquote. For example, define a prompt of type `info` as follows:
 
-- **Note**
-  ```md
-  > Example line for prompt.
-  {: .prompt-note }
-  ```
-
-- **Warning**
-  ```md
-  > Example line for prompt.
-  {: .prompt-warning }
-  ```
-
-- **Danger**
-  ```md
-  > Example line for prompt.
-  {: .prompt-danger }
-  ```
+```md
+> Example line for prompt.
+{: .prompt-info }
+```
+{: .nolineno }
 
 ## Syntax
 
diff --git a/_posts/2019-08-09-getting-started.md b/_posts/2019-08-09-getting-started.md
index 418abc2..59b6bd3 100644
--- a/_posts/2019-08-09-getting-started.md
+++ b/_posts/2019-08-09-getting-started.md
@@ -37,7 +37,7 @@ $ bash tools/init.sh
 ```
 
 > If you don't want to deploy your site on GitHub Pages, append option `--no-gh` at the end of the above command.
-{: .prompt-note }
+{: .prompt-info }
 
 The above command will:
 
diff --git a/_posts/2019-08-11-customize-the-favicon.md b/_posts/2019-08-11-customize-the-favicon.md
index 49d35c2..d936178 100644
--- a/_posts/2019-08-11-customize-the-favicon.md
+++ b/_posts/2019-08-11-customize-the-favicon.md
@@ -33,6 +33,6 @@ The following table will help you understand the changes to the favicon files:
 | `*.ICO`             | ✓                                 | ✗           |
 
 >  ✓ means keep, ✗ means delete.
-{: .prompt-note }
+{: .prompt-info }
 
 The next time you build the site, the favicon will be replaced with a customized edition.
diff --git a/_posts/2021-01-03-enable-google-pv.md b/_posts/2021-01-03-enable-google-pv.md
index 5af51cf..9545b33 100644
--- a/_posts/2021-01-03-enable-google-pv.md
+++ b/_posts/2021-01-03-enable-google-pv.md
@@ -148,7 +148,7 @@ There is a detailed [tutorial](https://developers.google.com/analytics/solutions
 
     > You can configure a custom domain instead of `https://PROJECT_ID.REGION_ID.r.appspot.com`.
     > But, for the sake of keeping it simple, we will be using the Google provided default URL.
-    {: .prompt-note }
+    {: .prompt-info }
 
 5.  From inside the `src/`{: .filepath} directory, deploy the app
 
diff --git a/_sass/addon/commons.scss b/_sass/addon/commons.scss
index d1fad37..d554289 100644
--- a/_sass/addon/commons.scss
+++ b/_sass/addon/commons.scss
@@ -117,7 +117,9 @@ blockquote {
     }
   }
 
-  @include prompt("note", "\f0eb", 400);
+  @include prompt("tip", "\f0eb", 400);
+
+  @include prompt("info", "\f06a");
 
   @include prompt("warning", "\f06a");
 
diff --git a/_sass/colors/dark-typography.scss b/_sass/colors/dark-typography.scss
index f4eb5f2..e6fa40c 100644
--- a/_sass/colors/dark-typography.scss
+++ b/_sass/colors/dark-typography.scss
@@ -70,8 +70,10 @@
   --kbd-text-color: #d3d3d3;
   --kbd-bg-color: #242424;
   --prompt-text-color: rgb(216 212 212 / 75%);
-  --prompt-note-bg: rgba(77, 187, 95, 0.2);
-  --prompt-note-icon-color: rgb(5 223 5 / 68%);
+  --prompt-tip-bg: rgba(77, 187, 95, 0.2);
+  --prompt-tip-icon-color: rgb(5 223 5 / 68%);
+  --prompt-info-bg: rgb(7 59 104 / 80%);
+  --prompt-info-icon-color: #0075d1;
   --prompt-warning-bg: rgb(90 69 3 / 95%);
   --prompt-warning-icon-color: rgb(255 165 0 / 80%);
   --prompt-danger-bg: rgb(86 28 8 / 80%);
diff --git a/_sass/colors/light-typography.scss b/_sass/colors/light-typography.scss
index 8475368..122b38f 100644
--- a/_sass/colors/light-typography.scss
+++ b/_sass/colors/light-typography.scss
@@ -69,8 +69,10 @@
   --kbd-text-color: var(--text-color);
   --kbd-bg-color: white;
   --prompt-text-color: rgb(46 46 46 / 77%);
-  --prompt-note-bg: rgb(123 247 144 / 20%);
-  --prompt-note-icon-color: #03b303;
+  --prompt-tip-bg: rgb(123 247 144 / 20%);
+  --prompt-tip-icon-color: #03b303;
+  --prompt-info-bg: #e1f5fe;
+  --prompt-info-icon-color: #0070cb;
   --prompt-warning-bg: rgb(255 243 205);
   --prompt-warning-icon-color: #ef9c03;
   --prompt-danger-bg: rgb(248 215 218 / 56%);
diff --git a/_tabs/about.md b/_tabs/about.md
index 8d38156..9f0b95f 100644
--- a/_tabs/about.md
+++ b/_tabs/about.md
@@ -5,4 +5,4 @@ order: 4
 ---
 
 > Add Markdown syntax content to file `_tabs/about.md`{: .filepath } and it will show up on this page.
-{: .prompt-note }
+{: .prompt-tip }