Giao diện Quark 2 là giao diện mặc định mới của Grav, thay thế cho giao diện Quark (1.x) đã phục vụ lâu dài. Nó kết hợp bảng màu xám thuần với Cal Sans cho tiêu đề và Inter cho văn bản chính (cả hai đều được lưu trữ cục bộ), biểu tượng Font Awesome 7, và chế độ hiển thị tự động/sáng/tối được lưu lại trong trình duyệt của người dùng. Hệ thống bố cục sử dụng CSS Grid + thuộc tính tùy chỉnh hiện đại thay vì lưới framework.

Tiêu đề

Quark 2 sử dụng Cal Sans cho tiêu đề hiển thị và phân biệt rõ h1 / h2 — h1 có trọng lượng nhẹ hơn, trong khi h2 đậm hơn và có thanh nhấn nhỏ để đánh dấu phần ngắt. h6 được hiển thị dưới dạng nhãn chữ hoa.

H1 Heading — airy, display weight

H2 Heading — confident, with accent bar

H3 Heading — workhorse section heading

H4 Heading

H5 Heading

H6 Heading — uppercase eyebrow

# H1 Heading
## H2 Heading
### H3 Heading
#### H4 Heading
##### H5 Heading
###### H6 Heading

Đoạn văn

Văn bản chính được đặt bằng Inter ở 16px với chiều cao dòng 1.7 và khoảng cách ký tự tinh tế. Liên kết sử dụng màu nhấn của giao diện — mặc định là màu than chì kiềm chế, nhưng có thể cấu hình thành bất kỳ mã hex nào qua Themes → Quark 2 → Accent Color.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent risus leo, dictum in vehicula sit amet, feugiat tempus tellus. Duis quis sodales risus. Etiam euismod ornare consequat.

Climb leg rub face on everything give attitude nap all day for under the bed. Chase mice attack feet but rub face on everything hopped up on goofballs.

Các phần tử văn bản ngữ nghĩa Markdown

In đậm **In đậm**

Nghiêng _Nghiêng_

Gạch ngang ~~Gạch ngang~~

Mã inline `Mã inline`

Các phần tử văn bản ngữ nghĩa HTML

I18N <abbr>

Dẫn nguồn <cite>

Ctrl + S <kbd>

Text^{Chữ trên} <sup>

Text_{Chữ dưới} <sub>

Gạch chân <u>

Đánh dấu <mark>

20:14 <time>

x = y + 2 <var>

Trích dẫn

The advance of technology is based on making it fit in so that you don't really even notice it, so it's part of everyday life.

- Bill Gates

> The advance of technology is based on making it fit in so that you don't really even notice it,
> so it's part of everyday life.
>
> <cite>- Bill Gates</cite>

Danh sách không thứ tự

• list item 1
• list item 2
  • list item 2.1
  • list item 2.2
  • list item 2.3
• list item 3

* list item 1
* list item 2
     * list item 2.1
     * list item 2.2
     * list item 2.3
* list item 3

Danh sách có thứ tự

1. list item 1
2. list item 2
   1. list item 2.1
   2. list item 2.2
   3. list item 2.3
3. list item 3

1. list item 1
1. list item 2
     1. list item 2.1
     1. list item 2.2
     1. list item 2.3
1. list item 3

Bảng

| Name                         | Genre                          | Release date          |
| :-------------------------- | :---------------------------: | -------------------: |
| The Shawshank Redemption     | Crime, Drama                   | 14 October 1994       |
| The Godfather                | Crime, Drama                   | 24 March 1972         |
| Schindler's List             | Biography, Drama, History      | 4 February 1994       |
| Se7en                        | Crime, Drama, Mystery          | 22 September 1995     |

Cảnh báo

Grav 2.0 thay thế plugin markdown-notices cũ bằng github-markdown-alerts, hiển thị cảnh báo Markdown phong cách GitHub. Có năm loại, mỗi loại có sọc nhấn, biểu tượng và nhãn:

> [!NOTE]
> Highlights information that users should take into account, even when skimming.

> [!TIP]
> Optional information to help a user be more successful.

> [!IMPORTANT]
> Crucial information necessary for users to succeed.

> [!WARNING]
> Critical content demanding immediate user attention due to potential risks.

> [!CAUTION]
> Negative potential consequences of an action.