Ikonografia

Biblioteka

Brandbook nie wskazuje biblioteki ikon. Aplikacja używa Lucide (lucide-react, licencja ISC) w 28 plikach, konsekwentnie. Kanon to zatwierdza: Lucide ma kreskę 2 px, zaokrąglone końce i neutralny charakter, który pasuje do Manrope i nie kłóci się ze znakiem.

Zasady

• Ikona obok słowa. W nawigacji, w przycisku, w pastylce ikona zawsze ma tekst obok. Sam przycisk-ikona jest dopuszczalny tylko dla czynności powszechnie znanych (zamknij, menu) i wtedy ma aria-label.
• Ikona jest dekoracją dla technologii wspomagających: aria-hidden="true". Znaczenie niesie słowo obok.
• Rozmiary: 12 px w pastylce, 16 px w tekście, 20 px w przycisku i nawigacji, 24 px w stanie pustym i nagłówku sekcji. Ikona ma shrink-0, żeby nie zgniatała się w wąskim wierszu.
• Kolor ikony to kolor tekstu obok (currentColor). Ikona w kolorze marki tylko wtedy, gdy stoi na tle jasnego fioletu w stanie pustym.
• Ikony stanów są stałe: trójkąt ostrzegawczy dla „po terminie”, zegar dla „wkrótce”, odznaka z ptaszkiem dla „dopuszczone”, dokument z pytajnikiem dla „brak wpisów”, wyłącznik dla „poza użytkowaniem”, ośmiokąt z krzyżykiem dla „niedopuszczone”, tarcza z wykrzyknikiem dla „warunkowo”. Lista w stan.tsx w aplikacji i w Status.astro w Kanonie.
• Zero symboli klinicznych w interfejsie i w materiałach: krzyż, serce, EKG, stetoskop, tarcza jako „ochrona”. Brandbook zakazuje ich przy znaku (s. 15), Kanon rozszerza to na całą komunikację, z powodu opisanego w Języku marki.
• Ilustracja (brandbook s. 13): płaska 2D, aparatura, etykieta, dłonie i dokumentacja. Pokazujemy konkretną czynność, nie metaforę. Bez ludzi w fartuchach przy pacjencie.