Tipografi
Standard jelas untuk gaya fon, saiz, dan jarak untuk memastikan keterbacaan dan konsistensi di seluruh platform kerajaan, menyokong penyampaian teks yang boleh diakses dan mesra pengguna.
Tajuk
Keluarga fon Poppins digunakan untuk tajuk seksyen halaman utama, tajuk halaman, dan elemen teks penting untuk mencipta hierarki visual yang jelas dan memperbaiki navigasi pengguna. Tidak terpakai untuk teks kaya.
Saiz dan Berat Fon
Setiap saiz termasuk berat fon dalam Regular (400), Medium (500), dan Semibold (600).
| Nama | HTML Tag | Saiz Fon | Ketinggian Garis |
|---|---|---|---|
| Heading Extra Large | 60px (3.75rem) | 72px (4.5rem) | |
| Heading Large | 48px (3rem) | 60px (3.75rem) | |
| Heading Medium | <h1> | 36px (2.25rem) | 44px (2.75rem) |
| Heading Small | <h2> | 30px (1.875rem) | 38px (2.375rem) |
| Heading Extra Small | <h3> | 24px (1.5rem) | 32px (2rem) |
| Heading 2X Small | <h4> | 20px (1.25rem) | 28px (1.75rem) |
| Heading 3X Small | <h5> | 16px (1rem) | 24px (1.5rem) |
| Heading 4X Small | <h6> | 14px (0.875) | 20px (1.25rem) |
Badan
Keluarga fon Inter digunakan untuk perenggan, penerangan, dan kandungan umum untuk memberikan pengalaman membaca yang selesa bagi pengguna.
Saiz dan Berat Fon
Setiap saiz termasuk berat fon dalam Regular (400), Medium (500), dan Semibold (600).
| Nama | Saiz Fon | Ketinggian Garis | Jarak Senarai | Jarak Perenggan |
|---|---|---|---|---|
| Body 6X Large | 60px (3.75rem) | 72px (4.5rem) | 6px (0.375rem) | 12px (0.75rem) |
| Body 5X Large | 48px (3rem) | 60px (3.75rem) | 6px (0.375rem) | 12px (0.75rem) |
| Body 4X Large | 36px (2.25rem) | 44px (2.75rem) | 6px (0.375rem) | 12px (0.75rem) |
| Body 3X Large | 30px (1.875rem) | 38px (2.375rem) | 6px (0.375rem) | 12px (0.75rem) |
| Body 2X Large | 24px (1.5rem) | 32px (2rem) | 6px (0.375rem) | 12px (0.75rem) |
| Body Extra Large | 20px (1.25rem) | 28px (1.75rem) | 6px (0.375rem) | 12px (0.75rem) |
| Body Large | 18px (1.125rem) | 26px (1.625rem) | 6px (0.375rem) | 12px (0.75rem) |
| Body Medium | 16px (1rem) | 24px (1.5rem) | 6px (0.375rem) | 12px (0.75rem) |
| Body Small | 14px (0.875) | 20px (1.25rem) | 6px (0.375rem) | 12px (0.75rem) |
| Body Extra Small | 12px (0.75rem) | 18px (1.125rem) | 6px (0.375rem) | 12px (0.75rem) |
| Body 2X Small | 10px (0.625rem) | 12px (0.75rem) | 6px (0.375rem) | 12px (0.75rem) |
Format Teks Kaya (RTF)
Keluarga fon Inter digunakan untuk penataan kandungan bentuk panjang seperti artikel.
Nota: Tag H1 dalam Format Teks Kaya (RTF) berbeza daripada tag Tajuk H1 standard. Penataan ini adalah khusus untuk pemformatan kandungan dalam bahagian artikel sahaja.
Saiz dan Berat Fon
Setiap saiz termasuk berat fon dalam Regular (400) dan Semibold (600) sahaja.
| Nama | HTML Tag | Saiz Fon | Ketinggian Garis | Jarak Senarai | Jarak Perenggan |
|---|---|---|---|---|---|
| Heading 1 | <h1> | 30px (1.875rem) | 38px (2.375rem) | 6px (0.375rem) | 12px (0.75rem) |
| Heading 2 | <h2> | 24px (1.5rem) | 32px (2rem) | 6px (0.375rem) | 12px (0.75rem) |
| Heading 3 | <h3> | 20px (1.25rem) | 28px (1.75rem) | 6px (0.375rem) | 12px (0.75rem) |
| Heading 4 | <h4> | 18px (1.125rem) | 26px (1.625rem) | 6px (0.375rem) | 12px (0.75rem) |
| Heading 5 | <h5> | 16px (1rem) | 24px (1.5rem) | 6px (0.375rem) | 12px (0.75rem) |
| Heading 6 | <h6> | 14px (0.875rem) | 20px (1.25rem) | 6px (0.375rem) | 12px (0.75rem) |
| Paragraph | <p> | 16px (1rem) | 28px (1.75rem) | 6px (0.375rem) | 28px (1.75rem) |