Fundamenty
Decyzje, z których zbudowany jest każdy komponent — kolor, typografia, przestrzeń, kształt, głębia, ruch i zasady, które je spajają.
Fundamenty to wspólny słownik prfct. Komponenty nie wymyślają własnych kolorów, rozmiarów ani tempa animacji — składają się z tych decyzji. Zmień fundament, a każdy komponent podąży za nim.
KolorGenerowana paleta OKLCH: dwanaście stopni na każdy odcień, jedno zadanie na stopień i kontrast wyliczany podczas budowania.TypografiaInter z rozmiarem optycznym, semantyczne role typograficzne i cyfry, które układają się w równe kolumny.Odstępy i układSiatka 4 px, pięć wysokości kontrolek, breakpointy i kolejność warstw.KształtJeden bazowy promień i koncentryczne narożniki.ElewacjaCztery poziomy głębi, które działają w trybie jasnym i ciemnym.RuchCzasy trwania, krzywe przejścia i sprężyny w CSS — z jednym celem: wyjaśniać zmianę.IkonografiaIkony Lucide — rozmiarem dopasowane do tekstu, kolorem do kontekstu.DostępnośćWCAG 2.2 AA z samej konstrukcji — i jak tego nie stracić.MotywyOdcień marki, zabarwienie szarości, zaokrąglenie i tryb — globalnie albo dla wybranego poddrzewa.Tokeny projektoweArchitektura, nazewnictwo i eksport do kodu oraz narzędzi projektowych.Głos i tonJak mówią produkty prfct.