Zasoby
Zasoby
Pliki do pobrania, czcionki i licencje, źródła. Uczciwie: co mamy, czego nie mamy i skąd to wziąć.
- Stan rozdziału:
- gotowe
Pliki znaku
| Plik | Zastosowanie (brandbook s. 16) | Stan | Skąd wziąć |
|---|---|---|---|
| medpass-logo.svg | Podstawowe logo na jasnym tle | mamy, w tym repozytorium i w medpass-site | To repozytorium, public/logo/ |
| medpass-logo-mono.svg | Jeden kolor: druk i oznaczenia | brak | Eksport z projektu źródłowego brandbooka. Podgląd wygenerowany w Kanonie nie zastępuje pliku. |
| medpass-logo-white.svg | Wersja odwrócona na ciemne tło | brak | jw. |
| medpass-symbol.svg, medpass-symbol-white.svg, medpass-symbol-mono.svg | Sam znak, także biały i jednokolorowy | brak | jw. Kanon renderuje symbol z pliku podstawowego przez wycięcie viewBox, ale plik docelowy powinien mieć własny, ciasny viewBox. |
| PNG 16, 24, 32, 48 px + medpass-favicon.ico | Podglądy i małe ikony | brak | Eksport z symbolu; brandbook (s. 6) pokazuje powiększenie rastra 16 px do oceny przerwy między modułami, więc eksport wymaga ręcznego sprawdzenia. |
| Manrope + OFL-Manrope.txt | Typografia systemowa i jej licencja | mamy przez pakiet @fontsource-variable/manrope | Google Fonts albo pakiet npm; licencja w pakiecie. |
Tokeny
| Plik | Co zawiera |
|---|---|
src/tokens/tokeny.ts | Wszystkie wartości: kolory, stany, kroje, skala, odstępy, narożniki, cienie, ruch, siatka, ikony, logo, wersja. Jedyne miejsce, w którym stoją liczby. |
src/tokens/css.ts | Zamienia tokeny na zmienne CSS --mp-*. Wynik trafia do <style> w każdej stronie Kanonu. |
src/tokens/kontrast.ts | Liczy kontrast WCAG z hex i oklch. Używany do tabeli kontrastów i do sprawdzeń. |
Aplikacja i strona nie czytają jeszcze tych tokenów. Przeniesienie ich do apps/web/src/styles/system.css i do medpass-site/src/styles/theme.css jest pierwszym krokiem wdrożenia brandbooka; opis w Kolorze.
Czcionki i licencje
| Krój | Licencja | Źródło | Użycie |
|---|---|---|---|
| Manrope (zmienna waga 200 do 800) | SIL Open Font License 1.1 | Google Fonts, pakiet @fontsource-variable/manrope | Krój systemowy marki. Używamy wag 400, 600, 700. |
| JetBrains Mono (zmienna waga) | SIL Open Font License 1.1 | JetBrains, pakiet @fontsource-variable/jetbrains-mono | Identyfikatory i numery fabryczne. Propozycja z aplikacji. |
| Lucide (ikony) | ISC | lucide.dev, pakiet lucide-react | Wszystkie ikony interfejsu. |
Obie licencje pozwalają na użycie komercyjne i osadzanie w oprogramowaniu. OFL zabrania sprzedaży samych plików fontu i wymaga zachowania licencji przy dystrybucji; pakiety npm ją zawierają. Kroje ładujemy z własnego serwera, nie z CDN dostawcy.
Źródła
| Dokument | Gdzie | Rola |
|---|---|---|
| Brandbook MedPass 1.0, wrzesień 2026, 16 stron | MedPass-brandbook.pdf (do wgrania do repozytorium HQ, materialy/) | Dokument nadrzędny Kanonu. |
| Koncepcja produktu | hq/produkt/koncepcja.md | Misja, wizja, co sprzedajemy i czego nie. |
| Typy placówek | hq/produkt/typy-placowek.md | Odbiorca, słownictwo placówek. |
| Compliance i regulacje | hq/produkt/compliance-regulacje.md, sekcja 1.5 | Czerwone linie językowe i funkcjonalne. |
| Kod aplikacji | medpass/apps/web/src/components, styles/system.css, app/globals.css, AGENTS.md | Stan faktyczny komponentów i tokenów. |
| Strona marketingowa | medpass-site | Wzorzec repozytorium Astro, strażnik treści, deklaracja przeznaczenia. |
| WCAG 2.2, SC 1.4.3 (kontrast tekstu) | w3.org/TR/WCAG22/#contrast-minimum | Próg 4,5:1 i 3:1 dla tekstu. |
| WCAG 2.2, SC 1.4.11 (kontrast grafiki) | w3.org/TR/WCAG22/#non-text-contrast | Próg 3:1 dla obrysów i ikon. |
| MDCG 2019-11 (kwalifikacja oprogramowania) | Komisja Europejska, wytyczna MDCG | Podstawa czerwonych linii. |
Repozytorium
pnpm install
pnpm dev # podgląd na http://localhost:4321
pnpm verify # typy + build + strażnik treści
bin/wdroz # staging; bin/wdroz produkcja -> kanon.medpassapp.com