Przejdź do treści
prfct.devprfct.dev

prfct.dev

Design System do szybkiego i bezbłędnego dostarczania wartości. Automatyzacja, prostota i minimalizm.

Zobacz Dokumentację

Filozofia systemu

Trzy filary

Prostota i minimalizm

Jeden schemat komponentów, zero magicznych wartości. Spójność systemu jest ważniejsza niż unikalność pojedynczego widoku.

Szybkość dostarczania

Gotowe bloki do kompozycji. Hackathon-ready — od zera do działającej strony w minuty, nie godziny.

Jedno Źródło Prawdy

Tokeny CSS w globals.css kaskadują przez całą aplikację. Dark mode bez prefixu dark: — obsługują go wyłącznie tokeny.

Sekcja III

Architektura

Cztery warstwy z ograniczonymi, ściśle zdefiniowanymi odpowiedzialnościami.

Atomy

components/ui/

Shadcn/ui — Button, Input, Badge, Card. Czyste atomy bez wiedzy o kontekście.

Szkielet

components/layout/

6 prymitywów przestrzeni — Section, Container, Stack, Grid, Heading, Text.

Wzorce

components/blocks/

Złożone sekcje gotowe do wdrożenia — HeroTitle, CardIcon, NavLanding.

Widoki

app/page.tsx

Czysta kompozycja bloków. Zero logiki, zero kilometrów kodu.

Gotowy do budowania?

Zacznij od Założeń — filozofia systemu i zasady prowadzące każdą decyzję projektową.

Zacznij od Założeń