Користиме Google Analytics за статистика на посетеност. Аналитичките колачиња се поставуваат само ако прифатите. Без согласност, статистиката се проценува од сигнали без колачиња. Политика за колачиња.
PDS · Дизајн-систем
PDS е сопствениот дизајн-јазик на Protocore, извлечен од производите што ги градиме и зацврстен во продукција. Dark-first, водeн од токени и документиран од крај до крај — истите компоненти што ги рендерираат нашите производи и клиентските табли, спакувани за тим да ги усвои за еден попладне.
Функции
Од примитиви до цели композиции на страници — 101 компонента, секоја извлечена од производ што го испорачуваме, а не дизајнирана изолирано. Ако една компонента е во PDS, веќе има одработено вистинска работа: на неа се исцртуваат овој сајт, демата на производите и табловите на нашите клиенти.
Бојата, типографијата, просторот и движењето произлегуваат од еден слој токени. Променете еден токен и сите компоненти го следат — без преклопувања по компонента, без отстапувања меѓу производите.
Темна и светла тема, пет акцентни бои, сè водено од истите токени. Варијацијата на брендот е замена на токени, а не форк — секој производ од фамилијата се исцртува од истиот систем.
Контрастот, висината и бојата се разработуваат прво на темната тема; светлата произлегува од истите токени. Резултатот е темен режим што делува природно, а не инвертирано.
Копчиња, полиња, селекти, прекинувачи, лизгачи и скелето за полиња — вклучувајќи етикети, совети и грешки. Состојбите се веќе дизајнирани: фокус, оневозможено, невалидно и вчитување се однесуваат исто во секој производ.
Stack-ови, мрежи, разделници и школки на страници составуваат екрани без ad-hoc CSS. Најголемите компоненти се цели композиции на страници — hero, секција и footer шаблони преземени од страници што ги испорачуваме.
Заглавија, табови, breadcrumb-и и менија со вградено респонзивно однесување и однесување преку тастатура. Навигацијата на овој сајт е самата компонента, а не нејзина имитација.
Модали, листови, фиоки, popover-и и tooltip-и врз еден модел на слоевитост — заклучување на фокусот, затворање и редослед се решени еднаш, централно. Ниту еден производ не носи своја z-index аритметика.
Табели, списоци, плочки со статистики, значки и временски линии за производи што живеат од бројки. Густината на операторските конзоли во фамилијата доаѓа од овие компоненти.
Toast-ови, банери, празни состојби, напредок и skeleton-и — неблескавите состојби дизајнирани однапред. Производ изграден на PDS има промислен одговор за вчитување, празно и неуспешно.
Едиторијална типографска скала со mono етикети за техничкиот регистар — гласот што го гледате на секоја површина на Protocore. Скалата се токени, па производите ја дотеруваат без да го напуштат системот.
Траењата и easing-ите се испорачуваат како токени, а компонентите веќе ги користат. Интерфејсите се движат доследно низ производите бидејќи никој не ја тајмира анимацијата рачно.
Контрастот, состојбите на фокус и однесувањето преку тастатура се вградени во компонентите, а не оставени како вежба. Испорачајте ги подразбраните вредности и пристапноста доаѓа со нив.
Стилизирањето е статички CSS разрешен при build — без CSS-in-JS runtime, ништо не се пресметува во прелистувачот. Слојот за стилови не додава ниту еден JavaScript на страницата.
Системот се испорачува и како обичен CSS пакет — токени и utility класи без потреба од React. Страници рендерирани на серверот, е-пораки и стекови без React црпат од истиот извор на вистина.
Токените се извезуваат за веб како CSS променливи, како Tailwind preset и во native формати за мобилни платформи. Една дефиниција на брендот, користена насекаде каде што работи производот.
React слојот ги обвиткува апликациите во provider и ги изложува токените преку hooks — компонентите ја читаат активната тема и акцент наместо да вредностите се впишани директно. Менувањето тема е состојба, а не повторен build.
Истиот механизам што му дава на PDS пет акценти му дава на whitelabel производот неговиот бренд: заменете ги вредностите на токените, задржете ги компонентите. Секоја whitelabel апликација во фамилијата е доказ дека работи.
Машински читлива мапа на целиот систем — компоненти, токени, шаблони — објавена како llms.txt. Насочете LLM кон неа и генерираниот код користи вистински PDS компоненти наместо да измислува веродостојни.
MCP сервер го изложува системот директно на агентите за кодирање: компоненти, props и токени, достапни за пребарување додека агентот гради. Дизајн системот одговара на прашања наместо да се залепува во промптови.
Секоја компонента живее на pds.protocore.io со живи примери, props и код за копирање. Документацијата се исцртува на самиот PDS — што читате, тоа го испорачувате.
PDS се испорачува како верзионирани пакети со семантички верзии и changelog-ови. Надградбите се намерни: тимот се префрла кога ќе избере, а changelog-от кажува точно што се променило.
Пакетите се инсталираат од приватниот npm registry на Protocore со токен по тим во .npmrc — стандарден npm работен тек, ограничен на лиценцирани тимови. Без vendored zip датотеки, без инсталации со копирање.
Потпишан лиценцен клуч се верификува локално — без phone-home, без мрежна проверка во вашиот build. Проблемите со лиценцирањето се појавуваат како предупредувања при развој и никогаш не ја кршат продукциската апликација.
PDS е сопственички и се лиценцира по тим. Побарајте пристап и ние ве поставуваме — пакети, документација и извори на токени — за тимот да го усвои за еден попладне.
FAQ
По тим — не по корисник или проект. Една лиценца ги покрива сите што градат со PDS во рамки на тим: токените, компонентите и документацијата. Цената расте само со бројот на тимови што го користат, ништо друго, а whitelabel производите што ги градиме за вас веќе работат на него.
Од приватниот registry на npm.protocore.io. Креденцијалите за пристап му дозволуваат на вашиот build да ги повлече @protocore пакетите; потоа токените и компонентите се инсталираат како секоја друга зависност.
Токените се генерираат за web, .NET и native, па една боја или радиус значи исто на секоја платформа. Компонентите се испорачуваат за React, а framework-agnostic CSS слој ги носи истите токени и класи за тимови што не користат React.
Dark-first и пристапен по дифолт — две теми, пет акценти, сѐ водено од токени, со CSS без runtime, па стилизирањето не чини ништо при вчитување. Истите компоненти ги рендерираат нашите производи и клиентските dashboard-и.
Направен е за тоа: llms.txt мапа и MCP сервер им овозможуваат на агентите да го читаат системот и правилно да градат со него, а pds.protocore.io содржи живи примери, props и код за копирање за секоја компонента и токен.
Цени
PDS се лиценцира по тим, а не по корисник или проект — една лиценца ги покрива сите што градат со него во тој тим: токените, компонентите и документацијата.
Почнете со еден тим и проширете на повеќе тимови како расте usage-от. Цената ја одредува само бројот на тимови што градат на PDS, ништо друго.
Whitelabel производите што ги градиме за вас веќе работат на PDS — самостојната лиценца е за тимови што го воведуваат во свои производи.
Лиценцирањето следи тимови, не број на вработени или користење. Побарајте пристап и ќе го определиме според тимовите што ќе градат со него.
Оценете
Разгледајте го целиот систем на pds.protocore.io — живи примери, props и код за копирање за секоја компонента и токен.
Дизајн токените се генерираат за web, .NET и native, па една боја или радиус значи исто на секоја платформа што ја објавувате.
PDS се лиценцира по тим — една лиценца ги покрива сите што градат со него: токени, компоненти и документација.
Креденцијали за приватниот registry на npm.protocore.io за инсталирање на @protocore пакетите што ги повлекува вашиот build.
PDS е сопственички софтвер и се лиценцира по тим. Побарајте пристап и ние ќе ви го наместиме.
Сѐ погоре работи во продукциски демоа низ кои можеме да ве водиме — самостојно, whitelabel или како една платформа. Кажете ни што градите и ќе ви го покажеме најкусиот пат до таму.
