Koristimo Google Analytics za statistiku posećenosti. Analitički kolačići se postavljaju samo ako prihvatite. Bez saglasnosti, statistika se procenjuje na osnovu signala bez kolačića. Politika kolačića.
PDS · Dizajn sistem
PDS je sopstveni dizajnerski jezik kompanije Protocore, izdvojen iz proizvoda koje gradimo i ojačan u produkciji. Dark-first, zasnovan na tokenima i dokumentovan od početka do kraja — iste komponente koje prikazuju naše proizvode i dashboarde naših klijenata, upakovane tako da ih tim može usvojiti za jedno popodne.
Funkcije
Od primitiva do kompozicija celih stranica — 101 komponenta, svaka izdvojena iz proizvoda koji isporučujemo, a ne dizajnirana u izolaciji. Ako je komponenta u PDS-u, već je obavila pravi posao: na njoj se renderuju ovaj sajt, demo proizvodi i naši klijentski dashboard-i.
Boja, tipografija, razmak i kretanje izvode se iz jednog sloja tokena. Promenite token i sve komponente ga prate — bez override-a po komponenti, bez razilaženja između proizvoda.
Tamna i svetla tema, pet akcentnih boja, sve pokretano istim tokenima. Varijacija brenda je zamena tokena, a ne fork — svaki proizvod u porodici renderuje se iz istog sistema.
Kontrast, elevacija i boja prvo se razrađuju na tamnoj temi; svetla tema se izvodi iz istih tokena. Rezultat je tamni režim koji deluje nativno, a ne invertovano.
Dugmad, polja za unos, selecti, prekidači, klizači i osnova za polja — uključujući labele, hintove i greške. Stanja su već dizajnirana: fokus, onemogućeno, nevalidno i učitavanje ponašaju se isto u svakom proizvodu.
Stackovi, mreže, razdelnici i okviri stranica sklapaju ekrane bez ad-hoc CSS-a. Najveće komponente su kompozicije celih stranica — hero, section i footer obrasci preuzeti sa stranica koje isporučujemo.
Zaglavlja, tabovi, breadcrumbs i meniji sa ugrađenim responzivnim ponašanjem i podrškom za tastaturu. Navigacija na ovom sajtu je sama komponenta, a ne njena imitacija.
Modali, sheet-ovi, drawer-i, popover-i i tooltip-ovi na jednom modelu slojeva — zarobljavanje fokusa, zatvaranje i slaganje rešeni su jednom, centralno. Nijedan proizvod ne isporučuje sopstvenu z-index aritmetiku.
Tabele, liste, stat pločice, bedževi i tajmlajni za proizvode koji žive od brojeva. Operaterske konzole u celoj porodici svoju gustinu duguju ovim komponentama.
Toast-ovi, baneri, prazna stanja, progres i skeleton-i — neglamurozna stanja dizajnirana unapred. Proizvod izgrađen na PDS-u ima promišljen odgovor za učitavanje, prazno i neuspešno.
Editorijalna tipografska skala sa mono labelama za tehnički registar — glas koji se vidi na svakoj površini brenda Protocore. Skala su tokeni, pa je proizvodi podešavaju bez izlaska iz sistema.
Trajanja i easing krive isporučuju se kao tokeni, uz komponente koje ih već koriste. Interfejsi se kreću dosledno u svim proizvodima jer niko ne tajmira animaciju ručno.
Kontrast, stanja fokusa i rad sa tastaturom ugrađeni su u komponente, a ne prepušteni vama kao vežba. Isporučite podrazumevane vrednosti i pristupačnost dolazi uz njih.
Stilizovanje je statički CSS razrešen u build-u — bez CSS-in-JS runtime-a, ništa se ne računa u pregledaču. Sloj stilizovanja dodaje nula JavaScript-a na stranicu.
Sistem se isporučuje i kao običan CSS paket — tokeni i utility klase bez potrebe za React-om. Server-renderovane stranice, imejlovi i stackovi bez React-a crpe iz istog izvora istine.
Tokeni se za web izvoze kao CSS promenljive, kao Tailwind preset i u nativnim formatima za mobilne platforme. Jedna definicija brenda, koristi se svuda gde proizvod radi.
React sloj obmotava aplikacije providerom i izlaže tokene preko hook-ova — komponente čitaju aktivnu temu i akcenat umesto hardkodovanih vrednosti. Promena teme je stanje, a ne ponovni build.
Isti mehanizam koji PDS-u daje pet akcenata daje whitelabel proizvodu njegov brend: zamenite vrednosti tokena, zadržite komponente. Svaka whitelabel aplikacija u porodici dokaz je da radi.
Mašinski čitljiva mapa celog sistema — komponente, tokeni, obrasci — objavljena kao llms.txt. Usmerite LLM na nju i generisani kod koristi prave PDS komponente umesto izmišljanja uverljivih.
MCP server izlaže sistem direktno coding agentima: komponente, props i tokene, dostupne za upit dok agent gradi. Design system odgovara na pitanja umesto da se lepi u promptove.
Svaka komponenta nalazi se na pds.protocore.io sa live primerima, props-ima i kodom za kopiranje. Dokumentacija se renderuje na samom PDS-u — što čitate, to i isporučujete.
PDS se isporučuje kao verzionisani paketi sa semantičkim verzijama i changelog-ovima. Nadogradnje su promišljene: tim prelazi kad odluči, a changelog tačno kaže šta se promenilo.
Paketi se instaliraju iz privatnog npm registry-ja kompanije Protocore sa tokenom po timu u .npmrc — standardni npm tok rada, ograničen na licencirane timove. Bez vendorovanih zip fajlova, bez instalacija kopiranjem.
Potpisan licencni ključ proverava se lokalno — bez phone-home-a, bez mrežne provere u vašem build-u. Problemi sa licencom javljaju se kao upozorenja u razvoju i nikad ne ruše produkcionu aplikaciju.
PDS je vlasnički softver i licencira se po timu. Zatražite pristup i mi vas podešavamo — paketi, dokumentacija i izvori tokena — tako da tim može da ga usvoji za jedno popodne.
FAQ
Po timu — ne po korisniku ili projektu. Jedna licenca pokriva sve koji grade na PDS-u unutar tima: tokene, komponente i dokumentaciju. Cena raste samo s brojem timova koji ga usvoje, a whitelabel proizvodi koje gradimo za vas već se renderuju na njemu.
Iz privatnog registra na npm.protocore.io. Pristupni podaci omogućavaju vašem build-u da preuzme @protocore pakete, a odatle se tokeni i komponente instaliraju kao bilo koja druga zavisnost.
Tokeni se generišu za web, .NET i native, pa jedna boja ili radijus znače isto na svakoj platformi koju isporučujete. Komponente se isporučuju za React, a CSS sloj nezavisan od frameworka nosi iste tokene i klase za timove koji ne koriste React.
Dark-first i pristupačan po defaultu — dve teme, pet akcenata, sve vođeno tokenima, uz CSS bez runtime-a, pa stilizovanje ne košta ništa pri učitavanju. Iste komponente renderuju naše proizvode i dashboarde naših klijenata.
Napravljen je baš za to: llms.txt mapa i MCP server omogućavaju agentima da pročitaju sistem i ispravno grade s njim, a pds.protocore.io sadrži primere uživo, props i kod za kopiranje za svaku komponentu i token.
Cene
PDS se licencira po timu, a ne po korisniku ili projektu — jedna licenca pokriva sve koji u tom timu rade s njim: tokene, komponente i dokumentaciju.
Počnite s jednim timom i proširite na više njih kako usvajanje raste. Na cenu utiče samo broj timova koji grade na PDS-u, ništa drugo.
Whitelabel proizvodi koje gradimo za vas već se renderuju na PDS-u — samostalna licenca je za timove koji ga usvajaju na sopstvenim proizvodima.
Licenciranje prati timove, a ne broj zaposlenih ili korišćenje. Zatražite pristup i odredićemo obim prema timovima koji će raditi s njim.
Procenite
Pregledajte ceo sistem na pds.protocore.io — primeri uživo, props i kod za kopiranje za svaku komponentu i token.
Dizajn tokeni generisani za web, .NET i native, pa jedna boja ili radijus znače isto na svakoj platformi koju isporučujete.
PDS se licencira po timu — jedna licenca pokriva sve koji grade s njim, podjednako tokene, komponente i dokumentaciju.
Pristupni podaci za privatni registar na npm.protocore.io kako biste instalirali @protocore pakete koje vaš build koristi.
PDS je vlasnički softver i licencira se po timu. Zatražite pristup i mi ćemo sve podesiti.
Sve gore navedeno radi u produkcijskim demo okruženjima kroz koja vas možemo provesti — samostalno, whitelabel ili kao jedna platforma. Recite nam šta gradite i pokazaćemo vam najkraći put do toga.
