Iconography
Two icon systems: Font Awesome (fa-light) for feature icons in cards, and Lucide for UI controls.
UI Icons (Lucide)
Lucide icons for interactive UI elements like navigation, accordions, and form controls.
| Icon | Name | Use cases | Live pages |
|---|---|---|---|
| ArrowRight | Inline CTA embellishment and hover-animated links. | ||
| Search | Search inputs and global find actions. | ||
| Filter | Filter drawers, flyouts, and segmented controls. | ||
| X (Close) | Dismissal affordance for drawers, modals, and chips. | ||
| Check | Selected states in checkboxes and confirmations. | ||
| Clock | Reading time, schedules, and duration metadata. | ||
| Menu | Mobile navigation hamburger trigger. | ||
| ChevronDown | Dropdown triggers and expandable headers. | ||
| ChevronLeft | Back navigation in mobile menus. | ||
| ChevronRight | Forward navigation and sub-menu indicators. | ||
| Plus | Expand accordion and show more actions. | ||
| Minus | Collapse accordion and reduce actions. | ||
| fa-tag | Labeling and annotation capabilities. | ||
| fa-database | Data management and storage features. | ||
| fa-eye | Observability, transparency, and visibility features. | ||
| fa-server | Training, hosting, and infrastructure capabilities. | ||
| fa-users | Collaboration and team features. | ||
| fa-scale-balanced | Ethics, fairness, and balanced approach. | ||
| fa-globe | Global reach and equitable access. | ||
| fa-heart | People-first values and care. | ||
| fa-shield-check | Security and enterprise protection. | ||
| fa-arrow-trend-up | Growth, improvement, and trends. | ||
| fa-gauge-high | Performance and speed metrics. |