Utwórz dopracowaną wielostronicową planszę systemu stylu UI dla [PRODUCT_OR_BRAND]. Zaprezentuj system jako spójny zestaw stron projektowych na jednym czystym płótnie podglądu. Na każdej stronie użyj ścisłej siatki odstępów 8px, spójnych marginesów, precyzyjnego wyrównania i jasnej hierarchii. Uwzględnij panel tokenów kolorów z próbkami primary, secondary, neutral, semantic i background; skalę typografii ze stylami nagłówków, tekstu głównego, caption i liczb; arkusz komponentów z przyciskami, inputami, kartami, nawigacją, badge'ami i empty states; oraz dwa przykłady responsywnego layoutu pokazujące proporcje desktopu i mobile. Utrzymaj system jako wizualnie spójny, edytowalny i odpowiedni dla produktu SaaS, narzędzia dla twórców, marki ecommerce lub wewnętrznego dashboardu. Używaj realistycznego tekstu placeholder tylko tam, gdzie jest potrzebny, i utrzymuj etykiety na tyle krótkie, aby pozostały czytelne. Unikaj prawdziwych logo, kopiowania istniejących design systemów, nazw marek niedostarczonych przez użytkownika, zniekształconej typografii, niespójnych odstępów, niedopasowanych cieni, dekoracyjnego bałaganu, niedostępnego kontrastu i przykładów komponentów łamiących siatkę.