| 1 | <table>
|
| 2 | <thead>
|
| 3 | <tr>
|
| 4 | <th class="gl-pb-5 gl-pr-10">
|
| 5 | <h4>Primary typeface</h4>
|
| 6 | <h1>GitLab Sans</h1>
|
| 7 | </th>
|
| 8 | <th class="gl-pb-5 monospace">
|
| 9 | <h4>Monospaced typeface</h4>
|
| 10 | <h1>JetBrains Mono</h1>
|
| 11 | </th>
|
| 12 | </tr>
|
| 13 | </thead>
|
| 14 | <tbody>
|
| 15 | <tr>
|
| 16 | <td class="gl-pb-5 gl-pr-10">
|
| 17 | <p class="sm">
|
| 18 | UI Small Paragraph • 0.75rem (12px)<br />
|
| 19 | ABCDEFGHIJKLMNOPQRSTUVWXYZ<br />
|
| 20 | abcdefghijklmnopqrstuvwxyz<br />
|
| 21 | 1234567890
|
| 22 | </p>
|
| 23 | </td>
|
| 24 | <td class="gl-pb-5">
|
| 25 | <p class="monospace sm">
|
| 26 | UI Small Monospace • 0.75rem (12px)<br />
|
| 27 | ABCDEFGHIJKLMNOPQRSTUVWXYZ<br />
|
| 28 | abcdefghijklmnopqrstuvwxyz<br />
|
| 29 | 1234567890
|
| 30 | </p>
|
| 31 | </td>
|
| 32 | </tr>
|
| 33 | <tr>
|
| 34 | <td class="gl-pb-5 gl-pr-10">
|
| 35 | <p>
|
| 36 | UI Paragraph • 0.875rem (14px)<br />
|
| 37 | ABCDEFGHIJKLMNOPQRSTUVWXYZ<br />
|
| 38 | abcdefghijklmnopqrstuvwxyz<br />
|
| 39 | 1234567890
|
| 40 | </p>
|
| 41 | </td>
|
| 42 | <td class="gl-pb-5">
|
| 43 | <p class="monospace">
|
| 44 | UI Monospace • 0.875rem (14px)<br />
|
| 45 | ABCDEFGHIJKLMNOPQRSTUVWXYZ<br />
|
| 46 | abcdefghijklmnopqrstuvwxyz<br />
|
| 47 | 1234567890
|
| 48 | </p>
|
| 49 | </td>
|
| 50 | </tr>
|
| 51 | <tr>
|
| 52 | <td class="gl-pb-5 gl-pr-10">
|
| 53 | <p class="lg">
|
| 54 | UI Large Paragraph • 1rem (16px)<br />
|
| 55 | ABCDEFGHIJKLMNOPQRSTUVWXYZ<br />
|
| 56 | abcdefghijklmnopqrstuvwxyz<br />
|
| 57 | 1234567890
|
| 58 | </p>
|
| 59 | </td>
|
| 60 | <td class="gl-pb-5">
|
| 61 | <p class="monospace lg">
|
| 62 | UI Large Monospace • 1rem (16px)<br />
|
| 63 | ABCDEFGHIJKLMNOPQRSTUVWXYZ<br />
|
| 64 | abcdefghijklmnopqrstuvwxyz<br />
|
| 65 | 1234567890
|
| 66 | </p>
|
| 67 | </td>
|
| 68 | </tr>
|
| 69 | </tbody>
|
| 70 | </table>
|