Gengar UI

Typography

Gengar UI uses a carefully crafted typography system to create a consistent and readable interface. Here's an overview of the typography styles available.

Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Paragraphs

This is a standard paragraph. It uses the base font size and line height.

This is a smaller paragraph, useful for less important information or UI elements.

This is a larger paragraph, which can be used for introductory text or to add emphasis.

Inline Text Styles

Bold text for emphasis

Italic text for slight emphasis

Underlined text for additional emphasis

Inline code for technical terms or commands

Link style for clickable text

Lists

Unordered List

  • First item
  • Second item
  • Third item

Ordered List

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

Blockquote

"The best way to predict the future is to invent it." - Alan Kay

Monospace Text

function helloWorld() {
  console.log("Hello, Gengar UI!");
}