Titles / Dividers
Heading Level 2
This is a sample paragraph under a level 2 heading. On logindn.com, H2 headings introduce major sections within a guide, such as step-by-step instructions or important notes.
Heading Level 3
H3 headings break down H2 sections into smaller topics. For example, in a login guide, H3 might be used for each step.
Heading Level 4
H4 headings provide further detail under H3 sub‑sections, ensuring readers can quickly locate specific information.
Heading Level 5
H5 is used sparingly for deep nesting when needed. It is just a smaller heading.
Heading Level 6
H6 is the smallest title element. It is rarely needed but available.
The horizontal rule (hr) separates distinct content blocks, improving visual structure and readability.
Heading Level Sizes
The table below shows the default font sizes for each heading level on desktop, based on the site’s responsive design system.
| Element | Default Size (Desktop) | Usage |
|---|---|---|
| H1 | 2.25rem | Page title |
| H2 | 1.75rem | Major section |
| H3 | 1.4rem | Subsection |
| H4 | 1.2rem | Minor section |
| H5 | 1rem | Detailed heading |
| H6 | 0.9rem | Lowest heading |
Usage on This Site
In all login guides across categories such as Bank, Telecom, Education, Services, Softwares, and Login, headings are used to organize instructions clearly. Dividers help separate sections like prerequisites, steps, and troubleshooting.