Typography

1. Headings

Using HTML headings provides structure and clarity to your web content, enhancing both accessibility and SEO. The h1 tag should be used only once per page as the main title, representing the primary topic.

Important:
Subsequent headings (h2, h3, etc.) should follow a cascading order: h2 under h1, h3 under h2, and so on. Skipping levels, like using h4 before h3, disrupts this flow and can confuse users and search engines. Proper heading use ensures clear and organized content, improving user experience.

1.1. Heading 1

1.2. Heading 2

1.3. Heading 3

1.4. Heading 4

1.5. Heading 5

1.6. Heading 6

2. Subtitles Regular

2.1. Subtitle Regular: Large

2.2. Subtitle Regular: Medium

2.3. Subtitle Regular: Small

2.4. Subtitle Regular: Extra Small

3. Subtitles SemiBold

3.1. Subtitle SemiBold: Large

3.2. Subtitle SemiBold: Medium

3.3. Subtitle SemiBold: Small

3.4. Subtitle SemiBold: Extra Small

4. Body Regular

4.1. Body Regular: Extra Large

4.2. Body Regular: Large

4.3. Body Regular: Medium

4.4. Body Regular: Small

4.5. Body Regular: Extra Small

5. Body SemiBold

5.1. Body SemiBold: Extra Large

5.2. Body SemiBold: Large

5.3. Body SemiBold: Medium

5.4. Body SemiBold: Small

5.5. Body SemiBold: Extra Small

6. Body Italic

6.1. Body Italic: XLarge

6.2. Body Italic: Large

6.3. Body Italic: Medium

6.4. Body Italic: Small

6.5. Body Italic: Extra Small

7. Tiny Regular

7.1. Tiny Regular: Large

7.2. Tiny Regular: Medium

7.3. Tiny Regular: Small

7.4. Tiny Regular: Extra Small

8. Tiny SemiBold

8.1. Tiny SemiBold: Large

8.2. Tiny SemiBold: Medium

8.3. Tiny SemiBold: Small

8.4. Tiny SemiBold: Extra Small