Използваме Google Analytics за статистика на трафика. Аналитични бисквитки се записват само ако приемете. Без съгласие статистиката се оценява по сигнали, които не използват бисквитки. Политика за бисквитки.
PDS · Дизайн система
PDS е собственият дизайн език на Protocore, извлечен от продуктите, които изграждаме, и закален в продукция. Dark-first, базиран на токени и документиран изцяло — същите компоненти, които изграждат нашите продукти и клиентските ни табла, пакетирани така, че екип да ги въведе за един следобед.
Функции
От примитиви до цели композиции на страници — 101 компонента, всеки извлечен от продукт, който доставяме, а не проектиран в изолация. Ако компонент е в PDS, той вече е вършил реална работа: този сайт, демата на продуктите и клиентските ни табла работят върху него.
Цвят, шрифт, пространство и движение се определят от един слой токени. Променете токен и всеки компонент го следва — без отделни презаписвания по компоненти, без разминаване между продуктите.
Тъмна и светла тема, пет акцентни цвята, всичко управлявано от същите токени. Вариацията на марката е смяна на токени, а не fork — всеки продукт в семейството се изгражда от една и съща система.
Контрастът, дълбочината и цветът се доразработват първо в тъмната тема; светлата произлиза от същите токени. Резултатът е тъмен режим, който изглежда роден, а не обърнат.
Бутони, полета, селекти, превключватели, плъзгачи и скелето на полетата — с етикети, подсказки и грешки. Състоянията вече са проектирани: фокус, деактивирано, невалидно и зареждане се държат еднакво във всеки продукт.
Stacks, grids, разделители и обвивки на страници изграждат екрани без ad-hoc CSS. Най-големите компоненти са цели композиции на страници — шаблони за hero, секции и footer, взети от страници, които доставяме.
Хедъри, табове, breadcrumbs и менюта с вградено адаптивно поведение и работа с клавиатура. Навигацията на този сайт е самият компонент, а не имитация.
Модали, sheets, drawers, popovers и tooltips върху един модел на наслояване — улавянето на фокуса, затварянето и подредбата се решават веднъж, централно. Никой продукт не носи своя аритметика с z-index.
Таблици, списъци, статистически плочки, баджове и времеви линии за продукти, които живеят от числа. Оператерските конзоли в семейството получават плътността си от тези компоненти.
Toasts, банери, празни състояния, прогрес и skeletons — нелъскавите състояния, проектирани от самото начало. Продукт, изграден на PDS, има премислен отговор за зареждане, празно и неуспех.
Редакторска типографска скала с mono етикети за техническия регистър — гласът, който виждате във всяка повърхност на Protocore. Скалата е от токени, така че продуктите я настройват, без да излизат от системата.
Продължителностите и easing кривите се доставят като токени, а компонентите вече ги ползват. Интерфейсите се движат последователно във всички продукти, защото никой не нагласява анимации на ръка.
Контрастът, състоянията на фокус и работата с клавиатура са вградени в компонентите, а не оставени като упражнение. Ползвайте стандартните настройки и достъпността идва с тях.
Стилизирането е статичен CSS, разрешен по време на build — без CSS-in-JS runtime, нищо не се изчислява в браузъра. Слоят за стилове не добавя JavaScript към страницата.
Системата се доставя и като чист CSS пакет — токени и utility класове, без нужда от React. Сървърно рендирани страници, имейли и стекове без React черпят от един и същи източник на истина.
Токените се експортират за уеб като CSS променливи, като Tailwind preset и в native формати за мобилни платформи. Една дефиниция на марката, използвана навсякъде, където работи продуктът.
React слоят обвива приложенията в provider и предоставя токените чрез hooks — компонентите четат активната тема и акцент, вместо да имат твърдо зададени стойности. Смяната на темата е състояние, а не ново изграждане.
Същият механизъм, който дава на PDS пет акцента, дава на whitelabel продукта неговата марка: сменяте стойностите на токените, запазвате компонентите. Всяко whitelabel приложение в семейството е доказателство, че работи.
Машинночетима карта на цялата система — компоненти, токени, шаблони — публикувана като llms.txt. Насочете LLM към нея и генерираният код използва реални PDS компоненти, вместо да измисля правдоподобни.
MCP сървър предоставя системата директно на кодиращите агенти: компоненти, props и токени, достъпни за заявки, докато агентът изгражда. Дизайн системата отговаря на въпроси, вместо да се лепи в промптове.
Всеки компонент е на pds.protocore.io с примери на живо, props и код за копиране. Документацията е изградена върху самата PDS — това, което четете, е това, което доставяте.
PDS се доставя като версионирани пакети със семантични версии и changelog. Надграждането е съзнателно: екипът се мести, когато реши, а changelog казва точно какво се е променило.
Пакетите се инсталират от частния npm регистър на Protocore с токен за екип в .npmrc — стандартен npm работен процес, ограничен до лицензираните екипи. Без vendored zip файлове, без инсталации с copy-paste.
Подписан лицензен ключ се проверява локално — без phone-home, без мрежова проверка във вашия build. Проблемите с лиценза се показват като предупреждения по време на разработка и никога не чупят продукционно приложение.
PDS е собствен софтуер и се лицензира на екип. Заявете достъп и ние ще ви настроим — пакети, документация и източници на токени — така че екипът да го внедри за един следобед.
FAQ
На екип — не на потребител или проект. Един лиценз покрива всички, които работят с PDS в рамките на екипа: токени, компоненти и документация. Цената расте единствено с броя на екипите, които го внедряват, а whitelabel продуктите, които изграждаме за вас, вече се изобразяват с него.
От частния registry на npm.protocore.io. Данните за достъп позволяват на вашия проект да изтегля пакетите @protocore, а оттам токените и компонентите се инсталират като всяка друга зависимост.
Токените са генерирани за уеб, .NET и native, така че един цвят или радиус означава едно и също на всяка платформа, за която разработвате. Компонентите са за React, а независим от фреймуърка CSS слой носи същите токени и класове за екипите, които не работят с React.
С тъмна тема по подразбиране и достъпен изначално — две теми, пет акцента, всичко управлявано от токени, с CSS без runtime, така че стилизирането не струва нищо при зареждане. Същите компоненти изграждат нашите продукти и клиентските ни табла.
Създаден е точно за това: карта llms.txt и MCP сървър позволяват на агентите да четат системата и да изграждат правилно с нея, а pds.protocore.io предлага живи примери, props и код за копиране за всеки компонент и токен.
Цени
PDS се лицензира на екип, а не на потребител или проект — един лиценз покрива всички, които работят с него в рамките на екипа: токени, компоненти и документация.
Започнете с един екип и добавяйте още, когато приемането нараства. Цената зависи единствено от броя на екипите, които работят с PDS.
Whitelabel продуктите, които изграждаме за вас, вече се изобразяват с PDS — самостоятелният лиценз е за екипи, които го внедряват в собствените си продукти.
Лицензирането следва екипите, а не броя на хората или използването. Заявете достъп и ще го оразмерим според екипите, които ще работят с него.
Оценете
Разгледайте цялата система на pds.protocore.io — живи примери, props и код за копиране за всеки компонент и токен.
Дизайн токените са генерирани за уеб, .NET и native, така че един цвят или радиус означава едно и също на всяка платформа, за която разработвате.
PDS се лицензира на екип — един лиценз покрива всички, които работят с него: токени, компоненти и документация.
Данни за достъп до частния registry на npm.protocore.io, за да инсталирате пакетите @protocore, от които зависи вашият проект.
PDS е собствена разработка и се лицензира на екип. Заявете достъп и ние ще ви настроим.
Всичко по-горе работи в продукционни демота, през които можем да ви преведем — самостоятелно, whitelabel или като единна платформа. Кажете ни какво изграждате и ще ви покажем най-краткия път дотам.
