Zasady
Sześć przekonań, które kształtują każdą decyzję w prfct — od jasności obramowania po nazwy propsów.
Doskonałość osiąga się nie wtedy, kiedy nie można już nic dodać, ale kiedy nie można nic ująć. — Antoine de Saint-Exupéry
Design system to zbiór decyzji podjętych raz, żeby nie trzeba było podejmować ich ponownie. Te zasady wyjaśniają, jak prfct je podejmuje — i jak decydować, gdy system nie ma jeszcze gotowej odpowiedzi.
1. Klarowność ponad dekorację
Każdy element musi zasłużyć na swoje miejsce. Obramowania wyznaczają strukturę, kolor niesie znaczenie, ruch wyjaśnia zmianę — nic nie jest tu na pokaz. W razie wątpliwości usuń element i sprawdź, czy czegoś zabrakło.
2. Domyślnie stonowany, wyrazisty z rozmysłem
Powierzchnie są neutralne, by nieliczne rzeczy, które naprawdę się liczą, mogły wybrzmieć. Jedna główna akcja na widok. Jeden kolorowy element na obszar. Wyrazistość to budżet — prfct wydaje go tam, gdzie ludzie muszą spojrzeć.
3. Precyzja to część produktu
Siatka 4 px. Koncentryczne narożniki. Wysokości kontrolek zgodne we wszystkich komponentach. Cyfry tabelaryczne w tabelach. Odstępy między literami dostrojone do rozmiaru tekstu. Ludzie rzadko zauważają precyzję, ale zawsze czują jej brak.
4. Dostępny z samej konstrukcji
Kontrast jest wyliczany, a nie weryfikowany po fakcie. Fokus jest domyślnie widoczny. Obsługa klawiatury pochodzi z prymitywów, które implementują wzorce WAI-ARIA. Dostępność to nie etap projektu — to właściwość materiałów.
5. Dopasowany do ludzi
Informacja zwrotna w ciągu 100 ms. Przyciski podczas ładowania zachowują szerokość i fokus. Błędy pojawiają się tam, gdzie jest problem, i są opisane prostymi słowami. Animacje respektują preferencję ograniczonego ruchu. System dopasowuje się do ludzi, a nie odwrotnie.
6. Otwarty i twój
prfct to otwarty kod. Każdy komponent należy do ciebie od chwili instalacji: czytaj go, zmieniaj, usuwaj to, czego nie potrzebujesz. Tokeny to dane eksportowane w otwartych formatach. Nic cię nie wiąże, bo nic tu nie jest zamknięte.
Jak podejmować nowe decyzje
Gdy potrzebujesz czegoś, czego prfct nie ma:
- Najpierw komponuj. Większość nowych komponentów to kompozycje istniejących.
- Używaj ról, nie wartości. Wybierz token semantyczny lub stopień skali, którego rola pasuje.
- Dopasuj się do sąsiadów. Wysokości, zaokrąglenia i odstępy powinny zgadzać się z komponentami obok.
- Udokumentuj decyzję. Decyzja, której nie zapisano, następnym razem zapadnie inaczej.