Style Assets
Reference CSS and Images
Favicons
Badges with Outline
Horizontal Name
Stacked Name
Icons
Icons come from Flowbite and are all 24px with a stroke width of 2.2
arrow-left-to-bracket.svg
indicates the log out option
badge-check.svg
indicates an "active" status
ban.svg
indicates a "revoked" status
bars-from-left.svg
indicates a collapsed side menu ("hamburger icon")
clock-arrow.svg
indicates a "pending" status
close.svg
indicates a "refused" status
file-copy-alt-solid.svg
indicates "copy to clipboard"
file-pen-solid.svg
Forms section icon
folder-open-outline.svg
indicates the option to view patient data
life-saver-solid.svg
Help icon
mail-box-outline.svg
indicates "send via email"
Typography
Note: We use the Inter font.
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
This is a regular paragraph with bold and italic text, along with a link. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed diam massa, vulputate non placerat vel, vehicula non justo. Ut euismod euismod justo commodo consectetur. Pellentesque dapibus, erat at fringilla dictum, mi mi lacinia tellus, eu semper est lacus ac augue.
- Unordered list item 1
- Unordered list item 2
- Ordered list item 1
- Ordered list item 2
This is a <pre><code> section.Card
Label
Value
Form
Form Title
Description
Description of the form.
Consent
Consent information.
Input
Sidebar
Tab bar
Table
|
Column 1
|
Column 2
|
Column 3
|
|---|---|---|
| Row 1 | R1C2 | R1C3 |
| Row 2 | R2C2 | R2C3 |
| Row 3 | R3C2 | R3C3 |