diff --git a/_sass/elements/_typography.scss b/_sass/elements/_typography.scss
index 50b1fe5ef5..ab2e50fc97 100644
--- a/_sass/elements/_typography.scss
+++ b/_sass/elements/_typography.scss
@@ -277,3 +277,26 @@ map-get($font-family, body);
     line-height: map-get($line-height-small, desktop);
   }
 }
+
+
+%paragraph-class {
+  line-height: $line-height-paragraph-class;
+  font-family: $font-family-body;
+  font-weight: map-get($font-weight, normal);
+  color: $color-black;
+}
+
+.paragraph1 {
+  @extend %paragraph-class;
+  font-size: $font-size-paragraph1;
+}
+
+.paragraph2 {
+  @extend %paragraph-class;
+  font-size: $font-size-paragraph2;
+}
+
+.paragraph3 {
+  @extend %paragraph-class;
+  font-size: $font-size-paragraph3;
+}
\ No newline at end of file
diff --git a/_sass/variables/_typography.scss b/_sass/variables/_typography.scss
index 13042234ce..f14be2f0c5 100644
--- a/_sass/variables/_typography.scss
+++ b/_sass/variables/_typography.scss
@@ -118,6 +118,12 @@ $font-size-title7: (
   /* 16px*/ desktop: 1rem
 );
 
+$font-size-paragraph1: 1.25rem; /* Equivalent to 20px if base font-size is 16px */
+
+$font-size-paragraph2: 1.125rem; /* Equivalent to 18px if base font-size is 16px */
+
+$font-size-paragraph3: 1rem; /* Equivalent to 16px if base font-size is 16px */
+
 $line-height-small: (
   print: 1.25,
   mobile: 1.25,
@@ -166,3 +172,5 @@ $line-height-h1: (
   tablet: 1.125,
   desktop: 1.05
 );
+
+$line-height-paragraph-class: 1.375; /* Equivalent to 137% */