diff --git a/projects/core/styles/markup/tui-text.less b/projects/core/styles/markup/tui-text.less
index 34e792c53779..feec7f404b14 100644
--- a/projects/core/styles/markup/tui-text.less
+++ b/projects/core/styles/markup/tui-text.less
@@ -31,6 +31,10 @@
         .text-body-l();
     }
 
+    &_body-l-2 {
+        .text-body-l(2);
+    }
+
     &_body-l-3 {
         .text-body-l(3);
     }
diff --git a/projects/core/styles/mixins/text.less b/projects/core/styles/mixins/text.less
index 1cb2683d8242..e83ccc6232d7 100644
--- a/projects/core/styles/mixins/text.less
+++ b/projects/core/styles/mixins/text.less
@@ -98,7 +98,7 @@
     letter-spacing: 0.4px;
 }
 
-//tabs,tags, category
+//tabs, tags, category
 
 .text-caption-l-bold() {
     .font(13px, 20px, bold);
@@ -124,7 +124,7 @@
     text-transform: uppercase;
 }
 
-// mixins fot font properties
+// mixins for font properties
 .font(@size, @line-height: 'none', @weight: normal, @color: 'none') {
     font-weight: @weight;
     font-size: @size;
diff --git a/projects/demo/src/modules/markup/typography/typography.template.html b/projects/demo/src/modules/markup/typography/typography.template.html
index aa7a9b36df1c..18a4a1bef646 100644
--- a/projects/demo/src/modules/markup/typography/typography.template.html
+++ b/projects/demo/src/modules/markup/typography/typography.template.html
@@ -157,7 +157,7 @@ <h3 class="tui-text_body-l tui-space_top-0 tui-space_bottom-4">
                     <tui-doc-copy
                         (click)="copyCodeExample('tui-text_body-xl tui-text_bold')"
                     >
-                        tui-text_body-xl .tui-text_bold
+                        tui-text_body-xl tui-text_bold
                     </tui-doc-copy>
                 </td>
                 <td class="td">bold</td>
@@ -199,7 +199,7 @@ <h3 class="tui-text_body-l tui-space_top-0 tui-space_bottom-4">
                     <tui-doc-copy
                         (click)="copyCodeExample('tui-text_body-l tui-text_bold')"
                     >
-                        tui-text_body-l .tui-text_bold
+                        tui-text_body-l tui-text_bold
                     </tui-doc-copy>
                 </td>
                 <td class="td">bold</td>
@@ -208,45 +208,89 @@ <h3 class="tui-text_body-l tui-space_top-0 tui-space_bottom-4">
                 <td class="td">0</td>
             </tr>
             <tr>
-                <td i18n class="td tui-text_body-l-3 tui-text_bold">
+                <td i18n class="td tui-text_body-l">
+                    Taiga UI reveals all the potential of Angular
+                </td>
+                <td class="td">
+                    <tui-doc-copy (click)="copyCodeExample('.text-body-l()')">
+                        .text-body-l()
+                    </tui-doc-copy>
+                </td>
+                <td class="td">
+                    <tui-doc-copy (click)="copyCodeExample('tui-text_body-l')">
+                        tui-text_body-l
+                    </tui-doc-copy>
+                </td>
+                <td class="td">normal</td>
+                <td class="td">17px</td>
+                <td class="td">24px (1.41)</td>
+                <td class="td">0</td>
+            </tr>
+            <tr>
+                <td i18n class="td tui-text_body-l-2 tui-text_bold">
                     Taiga UI reveals all the potential of Angular
                 </td>
                 <td class="td">
                     <tui-doc-copy
-                        (click)="copyCodeExample('.text-body-l-bold(3)')"
+                        (click)="copyCodeExample('.text-body-l-bold(2)')"
                     >
-                        .text-body-l-bold(3)
+                        .text-body-l-bold(2)
                     </tui-doc-copy>
                 </td>
                 <td class="td">
                     <tui-doc-copy
-                        (click)="copyCodeExample('tui-text_body-l-3 tui-text_bold')"
+                        (click)="copyCodeExample('tui-text_body-l-2 tui-text_bold')"
                     >
-                        tui-text_body-l-3 tui-text_bold
+                        tui-text_body-l-2 tui-text_bold
                     </tui-doc-copy>
                 </td>
                 <td class="td">bold</td>
                 <td class="td">17px</td>
-                <td class="td">28px (1.65)</td>
+                <td class="td">20px (1.18)</td>
                 <td class="td">0</td>
             </tr>
             <tr>
-                <td i18n class="td tui-text_body-l">
+                <td i18n class="td tui-text_body-l-2">
                     Taiga UI reveals all the potential of Angular
                 </td>
                 <td class="td">
-                    <tui-doc-copy (click)="copyCodeExample('.text-body-l()')">
-                        .text-body-l()
+                    <tui-doc-copy (click)="copyCodeExample('.text-body-l(2)')">
+                        .text-body-l(2)
                     </tui-doc-copy>
                 </td>
                 <td class="td">
-                    <tui-doc-copy (click)="copyCodeExample('tui-text_body-l')">
-                        tui-text_body-l
+                    <tui-doc-copy
+                        (click)="copyCodeExample('tui-text_body-l-2')"
+                    >
+                        tui-text_body-l-2
                     </tui-doc-copy>
                 </td>
                 <td class="td">normal</td>
                 <td class="td">17px</td>
-                <td class="td">24px (1.41)</td>
+                <td class="td">20px (1.18)</td>
+                <td class="td">0</td>
+            </tr>
+            <tr>
+                <td i18n class="td tui-text_body-l-3 tui-text_bold">
+                    Taiga UI reveals all the potential of Angular
+                </td>
+                <td class="td">
+                    <tui-doc-copy
+                        (click)="copyCodeExample('.text-body-l-bold(3)')"
+                    >
+                        .text-body-l-bold(3)
+                    </tui-doc-copy>
+                </td>
+                <td class="td">
+                    <tui-doc-copy
+                        (click)="copyCodeExample('tui-text_body-l-3 tui-text_bold')"
+                    >
+                        tui-text_body-l-3 tui-text_bold
+                    </tui-doc-copy>
+                </td>
+                <td class="td">bold</td>
+                <td class="td">17px</td>
+                <td class="td">28px (1.65)</td>
                 <td class="td">0</td>
             </tr>
             <tr>
@@ -313,7 +357,7 @@ <h3 class="tui-text_body-l tui-space_top-0 tui-space_bottom-4">
                 <td class="td">0</td>
             </tr>
             <tr>
-                <td i18n class="td tui-text_body-m-bold_2">
+                <td i18n class="td tui-text_body-m-2 tui-text_bold">
                     Taiga UI reveals all the potential of Angular
                 </td>
                 <td class="td">
@@ -325,9 +369,9 @@ <h3 class="tui-text_body-l tui-space_top-0 tui-space_bottom-4">
                 </td>
                 <td class="td">
                     <tui-doc-copy
-                        (click)="copyCodeExample('.tui-text-body-m-bold_2')"
+                        (click)="copyCodeExample('tui-text-body-m-2 tui-text_bold')"
                     >
-                        tui-text-body-m-bold_2
+                        tui-text-body-m-2 tui-text_bold
                     </tui-doc-copy>
                 </td>
                 <td class="td">bold</td>
@@ -336,7 +380,7 @@ <h3 class="tui-text_body-l tui-space_top-0 tui-space_bottom-4">
                 <td class="td">0</td>
             </tr>
             <tr>
-                <td i18n class="td tui-text_body-m_2">
+                <td i18n class="td tui-text_body-m-2">
                     Taiga UI reveals all the potential of Angular
                 </td>
                 <td class="td">
@@ -346,9 +390,9 @@ <h3 class="tui-text_body-l tui-space_top-0 tui-space_bottom-4">
                 </td>
                 <td class="td">
                     <tui-doc-copy
-                        (click)="copyCodeExample('tui-text-body-m_2')"
+                        (click)="copyCodeExample('tui-text-body-m-2')"
                     >
-                        tui-text-body-m_2
+                        tui-text-body-m-2
                     </tui-doc-copy>
                 </td>
                 <td class="td">normal</td>
@@ -357,7 +401,7 @@ <h3 class="tui-text_body-l tui-space_top-0 tui-space_bottom-4">
                 <td class="td">0</td>
             </tr>
             <tr>
-                <td i18n class="td tui-text_body-s .tui-text_bold">
+                <td i18n class="td tui-text_body-s tui-text_bold">
                     Taiga UI reveals all the potential of Angular
                 </td>
                 <td class="td">
@@ -369,7 +413,7 @@ <h3 class="tui-text_body-l tui-space_top-0 tui-space_bottom-4">
                 </td>
                 <td class="td">
                     <tui-doc-copy
-                        (click)="copyCodeExample('tui-text_body-s .tui-text_bold')"
+                        (click)="copyCodeExample('tui-text_body-s tui-text_bold')"
                     >
                         tui-text_body-s tui-text_bold
                     </tui-doc-copy>
@@ -399,7 +443,7 @@ <h3 class="tui-text_body-l tui-space_top-0 tui-space_bottom-4">
                 <td class="td">0</td>
             </tr>
             <tr>
-                <td i18n class="td tui-text_body-s-bold_2">
+                <td i18n class="td tui-text_body-s-2 tui-text_bold">
                     Taiga UI reveals all the potential of Angular
                 </td>
                 <td class="td">
@@ -411,9 +455,9 @@ <h3 class="tui-text_body-l tui-space_top-0 tui-space_bottom-4">
                 </td>
                 <td class="td">
                     <tui-doc-copy
-                        (click)="copyCodeExample('tui-text-body-s-bold_2')"
+                        (click)="copyCodeExample('tui-text-body-s-bold-2')"
                     >
-                        tui-text-body-s-bold_2
+                        tui-text-body-s-bold-2
                     </tui-doc-copy>
                 </td>
                 <td class="td">bold</td>
@@ -422,7 +466,7 @@ <h3 class="tui-text_body-l tui-space_top-0 tui-space_bottom-4">
                 <td class="td">0</td>
             </tr>
             <tr>
-                <td i18n class="td tui-text_body-s_2">
+                <td i18n class="td tui-text_body-s-2">
                     Taiga UI reveals all the potential of Angular
                 </td>
                 <td class="td">
@@ -432,9 +476,9 @@ <h3 class="tui-text_body-l tui-space_top-0 tui-space_bottom-4">
                 </td>
                 <td class="td">
                     <tui-doc-copy
-                        (click)="copyCodeExample('tui-text-body-s_2')"
+                        (click)="copyCodeExample('tui-text-body-s-2')"
                     >
-                        tui-text-body-s_2
+                        tui-text-body-s-2
                     </tui-doc-copy>
                 </td>
                 <td class="td">normal</td>