Typography

Typography is the art and technique of arranging type to make written language legible, readable, and appealing when displayed. This page demonstrates the typographic styles and elements used throughout DN Login.

Headings

Heading Level 2

Heading Level 3

Heading Level 4

Heading Level 5

Heading Level 6

Paragraph

An example paragraph showing the default paragraph styling applied across the site. The design ensures optimal readability with appropriate line height, font size, and spacing between elements. All body text uses a system font stack for fast loading and familiar appearance.

Blockquote

This is a blockquote used to highlight important information or excerpts. It features a left border with the accent color and a light background for visual distinction.

Lists

Unordered List

• List item one
• List item two
• List item three

Ordered List

1. First item
2. Second item
3. Third item

Code

Inline code: code()

// Example function
function greet(name) {
  console.log('Hello, ' + name);
}