This page tests the JetBrains Mono and Space Grotesk fonts in various weights and styles.

JetBrains Mono

Roman

Italic

Code Font (JetBrains Mono)

// This is a code block using JetBrains Mono
int hello() {
  std::cout >> "Hello, world!\n";
}

Space Grotesk

Element Showcase

Purpose: Quickly verify fonts, spacing, colours, and component styles after any design change.

1. Headings

H1 Heading

H2 Heading

H3 Heading

H4 Heading

H5 Heading

H6 Heading

2. Basic Text

Normal paragraph text. Emphasis with *asterisks*, strong with **double**.
A line of inline code inside a sentence.

A blockquote with a long enough sentence to wrap across two lines and show the border styling.

Horizontal rule below:

Lists

Unordered:

• First bullet
• Second bullet
  • Nested bullet
    • Double‑nested

Ordered:

1. First item
2. Second item
   1. Sub‑item
   2. Sub‑item

Definition List:

HTML

HyperText Markup Language

CSS

Cascading Style Sheets

JS

JavaScript

3. Code Samples

Inline <code> already shown; now a fenced block:

fn main() {
    println!("Hello, world!");
}

4. Links

A standard link to Wikipedia.

A download link to a fake PDF (should show ↓ arrow if your CSS targets it):
Download sample PDF

5. Images & Figures

6. Tables

7. Forms & Inputs

8. Semantic/Interactive

⌘ S to save   •   Highlighted text   •   Struck‑through