Koristimo Google Analytics za statistiku prometa. Analitički kolačići postavljaju se samo ako prihvatite. Bez pristanka statistika se procjenjuje iz signala bez kolačića. Politika kolačića.
PDS · Design System
PDS je vlastiti dizajnerski jezik tvrtke Protocore, izvučen iz proizvoda koje gradimo i provjeren u produkciji. Dark-first, vođen tokenima i dokumentiran od početka do kraja — iste komponente koje prikazuju naše proizvode i dashboarde naših klijenata, upakirane tako da ih tim može usvojiti u jedno poslijepodne.
Značajke
Od primitiva do cijelih kompozicija stranica — 101 komponenta, svaka izdvojena iz proizvoda koji isporučujemo, a ne osmišljena u izolaciji. Ako je komponenta u PDS-u, već je odradila pravi posao: na njoj se prikazuju ovaj site, demo proizvodi i naše klijentske nadzorne ploče.
Boja, tipografija, razmaci i pokret proizlaze iz jednog sloja tokena. Promijenite token i sve komponente slijede — bez nadjačavanja po komponentama, bez razilaženja među proizvodima.
Tamna i svijetla tema, pet akcentnih boja, sve pokretano istim tokenima. Varijacija brenda je zamjena tokena, a ne fork — svaki proizvod u obitelji prikazuje se iz istog sustava.
Kontrast, elevacija i boja prvo se razrađuju na tamnoj temi; svijetla tema izvodi se iz istih tokena. Rezultat je tamni način koji djeluje nativno, a ne invertirano.
Gumbi, polja za unos, selecti, prekidači, klizači i okvir polja — s labelama, uputama i greškama. Stanja su već osmišljena: fokus, onemogućeno, nevaljano i učitavanje ponašaju se jednako u svakom proizvodu.
Stackovi, gridovi, razdjelnici i okviri stranica slažu ekrane bez ad hoc CSS-a. Najveće komponente su cijele kompozicije stranica — hero, sekcije i footeri preuzeti sa stranica koje isporučujemo.
Zaglavlja, kartice, breadcrumbsi i izbornici s ugrađenim responzivnim ponašanjem i podrškom za tipkovnicu. Navigacija na ovom siteu je sama komponenta, a ne njezina imitacija.
Modali, sheetovi, drawerи, popoveri i tooltipovi na jednom modelu slojeva — hvatanje fokusa, zatvaranje i slaganje riješeni su jednom, centralno. Nijedan proizvod ne isporučuje vlastitu z-index aritmetiku.
Tablice, popisi, statistički pločice, bedževi i vremenske crte za proizvode koji žive od brojeva. Operaterske konzole u cijeloj obitelji svoju gustoću crpe iz ovih komponenti.
Toastovi, bannerи, prazna stanja, napredak i skeletoni — nezahvalna stanja osmišljena unaprijed. Proizvod izgrađen na PDS-u ima promišljen odgovor za učitavanje, prazno i neuspjeh.
Editorijalna tipografska ljestvica s mono labelama za tehnički registar — glas koji vidite na svakoj Protocore površini. Ljestvica su tokeni, pa je proizvodi podešavaju bez izlaska iz sustava.
Trajanja i easinzi isporučuju se kao tokeni, uz komponente koje ih već koriste. Sučelja se jednako kreću u svim proizvodima jer nitko ručno ne podešava vrijeme animacije.
Kontrast, stanja fokusa i ponašanje tipkovnice ugrađeni su u komponente, a ne prepušteni vama. Isporučite zadane postavke i pristupačnost dolazi uz njih.
Stilovi su statički CSS riješen u vrijeme builda — bez CSS-in-JS runtimea, bez ičega izračunatog u pregledniku. Sloj stiliziranja stranici ne dodaje nijedan bajt JavaScripta.
Sustav se isporučuje i kao običan CSS paket — tokeni i utility klase bez potrebe za Reactom. Stranice renderirane na poslužitelju, e-poruke i stackovi bez Reacta crpe iz istog izvora istine.
Tokeni se za web izvoze kao CSS varijable, kao Tailwind preset i u nativnim formatima za mobilne platforme. Jedna definicija brenda, koristi se gdje god proizvod radi.
React sloj omata aplikacije u provider i izlaže tokene preko hookova — komponente čitaju aktivnu temu i akcent umjesto tvrdo kodiranih vrijednosti. Promjena teme je state, a ne novi build.
Isti mehanizam koji PDS-u daje pet akcenata whitelabel proizvodu daje njegov brend: zamijenite vrijednosti tokena, zadržite komponente. Svaka whitelabel aplikacija u obitelji dokaz je da radi.
Strojno čitljiva mapa cijelog sustava — komponente, tokeni, obrasci — objavljena kao llms.txt. Usmjerite LLM na nju i generirani kôd koristi prave PDS komponente umjesto izmišljenih, ali uvjerljivih.
MCP poslužitelj izlaže sustav izravno agentima za kodiranje: komponente, propse i tokene, dostupne za upite dok agent gradi. Dizajnerski sustav odgovara na pitanja umjesto da ga se lijepi u promptove.
Svaka komponenta živi na pds.protocore.io s primjerima uživo, propsima i kodom spremnim za kopiranje. Dokumentacija se renderira na samom PDS-u — što čitate, to isporučujete.
PDS se isporučuje kao verzionirani paketi sa semantičkim verzijama i changelogovima. Nadogradnje su promišljene: tim prelazi kad sam odluči, a changelog točno kaže što se promijenilo.
Paketi se instaliraju iz Protocoreova privatnog npm registryja s tokenom po timu u .npmrc — standardan npm tijek rada, ograničen na licencirane timove. Bez vendoranih zip datoteka, bez instalacija kopiranjem.
Potpisani licencni ključ provjerava se lokalno — bez javljanja poslužitelju, bez mrežne provjere u vašem buildu. Problemi s licencom pojavljuju se kao upozorenja u razvoju i nikad ne ruše produkcijsku aplikaciju.
PDS je vlasnički i licenciran po timu. Zatražite pristup i postavit ćemo vas — paketi, dokumentacija i izvori tokena — tako da ga tim može usvojiti u jednom popodnevu.
FAQ
Po timu — ne po korisniku ili projektu. Jedna licenca pokriva sve koji rade s PDS-om unutar tima: tokene, komponente i dokumentaciju. Cijena raste samo s brojem timova koji ga usvoje, a whitelabel proizvodi koje gradimo za vas već se prikazuju na njemu.
Iz privatnog registryja na npm.protocore.io. Pristupni podaci omogućuju vašem buildu da povuče @protocore pakete, a tokeni i komponente zatim se instaliraju kao bilo koja druga ovisnost.
Tokeni su izdani za web, .NET i native, pa jedna boja ili radijus znače isto na svakoj platformi koju isporučujete. Komponente dolaze za React, a CSS sloj neovisan o frameworku nosi iste tokene i klase za timove koji ne koriste React.
Dark-first i pristupačan prema zadanim postavkama — dvije teme, pet naglasaka, sve vođeno tokenima, uz CSS bez runtimea pa stiliziranje ne košta ništa pri učitavanju. Iste komponente prikazuju naše proizvode i dashboarde naših klijenata.
Izgrađen je za to: llms.txt mapa i MCP poslužitelj omogućuju agentima da pročitaju sustav i ispravno grade s njim, a pds.protocore.io sadrži primjere uživo, propse i kod za kopiranje za svaku komponentu i token.
Cijene
PDS se licencira po timu, a ne po korisniku ili projektu — jedna licenca pokriva sve koji s njim rade unutar tog tima: tokene, komponente i dokumentaciju.
Krenite s jednim timom i proširite na ostale kako usvajanje raste. Na cijenu utječe samo broj timova koji grade na PDS-u, ništa drugo.
Whitelabel proizvodi koje gradimo za vas već se prikazuju na PDS-u — samostalna licenca namijenjena je timovima koji ga usvajaju na vlastitim proizvodima.
Licenciranje prati timove, a ne broj zaposlenika ni korištenje. Zatražite pristup, a mi ćemo ga odrediti prema timovima koji će s njim raditi.
Procijenite
Pregledajte cijeli sustav na pds.protocore.io — primjeri uživo, propsi i kod za kopiranje za svaku komponentu i token.
Dizajnerski tokeni izdani za web, .NET i native, tako da jedna boja ili radijus znače isto na svakoj platformi koju isporučujete.
PDS se licencira po timu — jedna licenca pokriva sve koji s njim rade, jednako tokene, komponente i dokumentaciju.
Pristupni podaci za privatni registry na npm.protocore.io za instalaciju @protocore paketa koje vaš build povlači.
PDS je vlasnički i licencira se po timu. Zatražite pristup, a mi ćemo vam sve podesiti.
Sve navedeno radi u produkcijskim demo okruženjima kroz koja vas možemo provesti — samostalno, whitelabel ili kao jedna platforma. Recite nam što gradite, a mi ćemo vam pokazati najkraći put do cilja.
