Koristimo Google Analytics za statistiku posjeta. Analitički kolačići postavljaju se samo ako prihvatite. Bez saglasnosti, statistika se procjenjuje na osnovu signala bez kolačića. Politika kolačića.
PDS · Design System
PDS je vlastiti dizajnerski jezik kompanije Protocore, izdvojen iz proizvoda koje gradimo i ojačan u produkciji. Dark-first, vođen 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 kompletnih kompozicija stranica — 101 komponenta, svaka izdvojena iz proizvoda koji isporučujemo, a ne dizajnirana u izolaciji. Ako je komponenta u PDS-u, već je odradila pravi posao: na njoj se prikazuju ovaj sajt, demo proizvodi i naše klijentske kontrolne table.
Boja, tipografija, razmak i kretanje proizlaze iz jednog sloja tokena. Promijenite token i sve komponente slijede — bez izuzetaka po komponenti, bez razilaženja među proizvodima.
Tamna i svijetla tema, pet akcentnih boja, sve pokretano istim tokenima. Brend varijacija je zamjena tokena, a ne fork — svaki proizvod u porodici renderira se iz istog sistema.
Kontrast, elevacija i boja prvo se razrađuju na tamnoj temi; svijetla tema izvodi se iz istih tokena. Rezultat je tamni način rada koji djeluje nativno, a ne invertirano.
Dugmad, polja za unos, selecti, prekidači, klizači i okvir polja — uključujući oznake, upute i greške. Stanja su već osmišljena: fokus, onemogućeno, nevažeće i učitavanje ponašaju se isto u svakom proizvodu.
Stackovi, mreže, razdjelnici i okviri stranica slažu ekrane bez ad-hoc CSS-a. Najveće komponente su kompletne kompozicije stranica — hero, sekcije i footeri preuzeti sa stranica koje isporučujemo.
Zaglavlja, tabovi, breadcrumbsi i meniji s ugrađenim responzivnim ponašanjem i podrškom za tastaturu. Navigacija na ovom sajtu je sama komponenta, a ne njena imitacija.
Modali, sheetovi, draweri, popoveri i tooltipovi na jednom modelu slojeva — hvatanje fokusa, zatvaranje i slaganje riješeni su jednom, centralno. Nijedan proizvod ne nosi vlastitu z-index aritmetiku.
Tabele, liste, pločice sa statistikom, bedževi i vremenske linije za proizvode koji žive od brojeva. Gustoća operaterskih konzola u cijeloj porodici dolazi iz ovih komponenti.
Toastovi, baneri, prazna stanja, napredak i skeletoni — neglamurozna stanja osmišljena unaprijed. Proizvod građen na PDS-u ima promišljen odgovor za učitavanje, prazno i neuspjeh.
Editorijalna tipografska skala s mono oznakama za tehnički registar — glas koji vidite na svakoj Protocore površini. Skala su tokeni, pa je proizvodi podešavaju bez izlaska iz sistema.
Trajanja i easinzi isporučuju se kao tokeni, uz komponente koje ih već koriste. Interfejsi se kreću dosljedno u svim proizvodima jer niko ručno ne podešava tajming animacije.
Kontrast, stanja fokusa i ponašanje tastature ugrađeni su u komponente, a ne prepušteni kao vježba. Isporučite zadane postavke i pristupačnost dolazi s njima.
Stilovi su statični CSS riješen pri buildu — bez CSS-in-JS runtimea, ništa se ne računa u pregledniku. Sloj stilizacije dodaje nula JavaScripta na stranicu.
Sistem se isporučuje i kao običan CSS paket — tokeni i utility klase bez potrebe za Reactom. Server-renderirane stranice, e-mailovi 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, korištena gdje god proizvod radi.
React sloj omata aplikacije providerom i izlaže tokene kroz hookove — komponente čitaju aktivnu temu i akcent umjesto tvrdo kodiranih vrijednosti. Promjena teme je stanje, a ne ponovni build.
Isti mehanizam koji PDS-u daje pet akcenata daje whitelabel proizvodu njegov brend: zamijenite vrijednosti tokena, zadržite komponente. Svaka whitelabel aplikacija u porodici dokaz je da radi.
Mašinski čitljiva mapa cijelog sistema — komponente, tokeni, obrasci — objavljena kao llms.txt. Usmjerite LLM na nju i generirani kod koristi prave PDS komponente umjesto izmišljanja uvjerljivih.
MCP server izlaže sistem direktno coding agentima: komponente, propse i tokene, dostupne za upite dok agent gradi. Design system odgovara na pitanja umjesto da se lijepi u promptove.
Svaka komponenta živi na pds.protocore.io sa živim primjerima, propsima i kodom za kopiranje. Dokumentacija je izrađena 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 tačno kaže šta se promijenilo.
Paketi se instaliraju iz Protocoreovog privatnog npm registryja s tokenom po timu u .npmrc — standardni npm tok rada, ograničen na licencirane timove. Bez vendoranih zip datoteka, bez instalacija kopiranjem.
Potpisani licencni ključ provjerava se lokalno — bez phone-homea, 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 licencira se po timu. Zatražite pristup i mi vas postavljamo — paketi, dokumentacija i izvori tokena — tako da ga tim može usvojiti za jedno popodne.
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 s brojem timova koji ga usvoje, ništa drugo, a whitelabel proizvodi koje gradimo za vas već se renderuju na njemu.
Iz privatnog registryja na npm.protocore.io. Pristupni podaci omogućavaju vašem buildu da povuče @protocore pakete; odatle se tokeni i komponente instaliraju kao svaka druga zavisnost.
Tokeni se generišu za web, .NET i native, tako da jedna boja ili radijus znače isto na svakoj platformi koju isporučujete. Komponente se isporučuju za React, a CSS sloj neovisan o frameworku nosi iste tokene i klase za timove koji ne koriste React.
Dark-first i pristupačan po defaultu — dvije teme, pet akcenata, sve vođeno tokenima, uz zero-runtime CSS pa stilizovanje ne košta ništa pri učitavanju. Iste komponente pokreću naše proizvode i dashboarde naših klijenata.
Napravljen je 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 žive primjere, props-ove 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 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 cijenu 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 vlastitim proizvodima.
Licenciranje prati timove, a ne broj zaposlenih ili korištenje. Zatražite pristup i odredit ćemo obuhvat prema timovima koji će raditi s njim.
Procijenite
Pregledajte cijeli sistem na pds.protocore.io — živi primjeri, props-ovi i kod za kopiranje za svaku komponentu i token.
Dizajn tokeni generisani 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 rade s njim, 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 i mi ćemo vas uvesti.
Sve gore radi u produkcijskim demo okruženjima kroz koja vas možemo provesti — samostalno, whitelabel ili kao jedna platforma. Recite nam šta gradite i pokazat ćemo vam najkraći put do toga.
