Nużaw Google Analytics għall-istatistika tat-traffiku. Il-cookies tal-analitika jiġu stabbiliti biss jekk taċċetta. Mingħajr kunsens, l-istatistika tiġi stmata minn sinjali mingħajr cookies. Politika dwar il-Cookies.
PDS · Design System
PDS hija l-lingwa tad-disinn proprja ta' Protocore, estratta mill-prodotti li nibnu u mqawwija fil-produzzjoni. Dark-first, immexxija minn tokens, u dokumentata mill-bidu sat-tmiem — l-istess komponenti li jirrenderjaw il-prodotti tagħna u d-dashboards tal-klijenti tagħna, ippakkjati biex tim jadottahom f'nofsinhar wieħed.
Karatteristiċi
Mill-primittivi sa kompożizzjonijiet sħaħ ta' paġni — 101 komponent, kull wieħed estratt minn prodott li nwasslu aħna minflok iddisinjat waħdu. Jekk komponent jinsab f'PDS, diġà ħadem xogħol veru: dan is-sit, id-demos tal-prodotti u d-dashboards tal-klijenti tagħna kollha jirrendjaw fuqu.
Kulur, tipografija, spazju u moviment jirriżolvu minn saff wieħed ta' tokens. Biddel token u kull komponent isegwi — l-ebda override għal kull komponent, l-ebda drift bejn il-prodotti.
Tema skura u waħda ċara, ħames kuluri ta' accent, kollha mmexxija mill-istess tokens. Il-varjazzjoni tal-brand hija bdil ta' tokens, mhux fork — kull prodott tal-familja jirrendja mill-istess sistema.
Il-kontrast, l-elevazzjoni u l-kulur jiġu mfassla l-ewwel fuq it-tema skura; it-tema ċara tiġi mill-istess tokens. Ir-riżultat huwa dark mode li tħossu nattiv, mhux maqlub.
Buttuni, inputs, selects, switches, sliders u skafaldatura tal-oqsma — inklużi tikketti, suġġerimenti u żbalji. L-istati diġà huma mfassla: focus, disabled, invalid u loading jaġixxu bl-istess mod f'kull prodott.
Stacks, grids, separaturi u shells tal-paġni jikkomponu l-iskrins mingħajr CSS ad hoc. L-akbar komponenti huma kompożizzjonijiet sħaħ ta' paġni — mudelli ta' hero, sezzjoni u footer meħuda minn paġni li nwasslu.
Headers, tabs, breadcrumbs u menus bl-imġieba responsive u tat-tastiera inkorporata. In-navigazzjoni ta' dan is-sit hija l-komponent innifsu, mhux imitazzjoni tiegħu.
Modals, sheets, drawers, popovers u tooltips fuq mudell wieħed ta' saffi — focus trapping, għeluq u stacking jiġu mmaniġġjati darba, b'mod ċentrali. L-ebda prodott ma jwassal l-aritmetika tiegħu tal-z-index.
Tabelli, listi, stat tiles, badges u timelines għal prodotti li jgħixu fuq in-numri. Il-consoles tal-operaturi madwar il-familja jieħdu d-densità tagħhom minn dawn il-komponenti.
Toasts, banners, empty states, progress u skeletons — l-istati mingħajr glamour imfassla minn qabel. Prodott mibni fuq PDS għandu tweġiba maħsuba għal loading, vojt u falliment.
Skala tipografika editorjali b'tikketti mono għar-reġistru tekniku — il-leħen li tara f'kull wiċċ ta' Protocore. L-iskala hija tokens, għalhekk il-prodotti jaġġustawha mingħajr ma joħorġu mis-sistema.
Id-durati u l-easings jiġu bħala tokens mal-komponenti diġà jużawhom. L-interfaces jimxu b'mod konsistenti bejn il-prodotti għaxħadd ma jirrittma animazzjoni bl-idejn.
Il-kontrast, l-istati tal-focus u l-imġieba tat-tastiera huma inkorporati fil-komponenti, mhux mhux mħalliin bħala eżerċizzju. Ħaddem id-defaults u l-aċċessibilità tiġi magħhom.
L-istil huwa CSS statiku rriżolt fil-ħin tal-build — l-ebda runtime CSS-in-JS, xejn ikkalkulat fil-browser. Is-saff tal-istil ma jżid ebda JavaScript mal-paġna.
Is-sistema tiġi wkoll bħala pakkett CSS sempliċi — tokens u klassijiet utility mingħajr bżonn ta' React. Paġni server-rendered, emails u stacks mhux React jieħdu mill-istess sors tal-verità.
It-tokens jiġu esportati għall-web bħala CSS variables, bħala preset ta' Tailwind, u f'formati nattivi għall-pjattaformi mobbli. Definizzjoni waħda tal-brand, użata kull fejn jaħdem il-prodott.
Is-saff React jgeżwer l-apps f'provider u jesponi t-tokens permezz ta' hooks — il-komponenti jaqraw it-tema u l-accent attivi minflok ma jikkodifikaw valuri. Il-bdil tat-temi huwa state, mhux rebuild.
L-istess mekkaniżmu li jagħti lil PDS ħames accents jagħti lil prodott whitelabel il-brand tiegħu: biddel il-valuri tat-tokens, żomm il-komponenti. Kull app whitelabel tal-familja hija prova li jaħdem.
Mappa li tinqara mill-magna tas-sistema kollha — komponenti, tokens, mudelli — ippubblikata bħala llms.txt. Indika LLM lejha u l-kodiċi ġġenerat juża komponenti reali ta' PDS minflok jivvinta oħrajn plawżibbli.
Server MCP jesponi s-sistema direttament lill-coding agents: komponenti, props u tokens, li wieħed jista' jistaqsi waqt li l-agent jibni. Is-sistema tad-disinn twieġeb mistoqsijiet minflok ma tiġi mwaħħla fi prompts.
Kull komponent jgħix fuq pds.protocore.io b'eżempji live, props u kodiċi biex tikkopja u twaħħal. Id-dokumenti jirrendjaw fuq PDS innifsu — dak li taqra huwa dak li twassal.
PDS jiġi bħala pakketti bil-verżjonijiet, bi semantic versions u changelogs. L-aġġornamenti huma deliberati: tim jgħaddi meta jagħżel, u l-changelog jgħid eżatt x'inbidel.
Il-pakketti jiġu installati mir-registry npm privat ta' Protocore b'token għal kull tim f'.npmrc — il-workflow standard ta' npm, limitat għal timijiet liċenzjati. L-ebda fajls zip vendored, l-ebda installazzjonijiet b'copy-paste.
Ċavetta tal-liċenzja ffirmata tiġi vverifikata lokalment — l-ebda phone-home, l-ebda verifika tan-network fil-build tiegħek. Problemi tal-liċenzjar jidhru bħala twissijiet fl-iżvilupp u qatt ma jkissru app tal-produzzjoni.
PDS huwa proprjetarju u liċenzjat għal kull tim. Itlob aċċess u nlestuk — pakketti, dokumenti u sorsi tat-tokens — biex tim ikun jista' jadottah f'nofsinhar.
FAQ
Għal kull tim — mhux għal kull utent jew proġett. Liċenzja waħda tkopri lil kull min jibni b'PDS ġewwa tim: tokens, komponenti u d-dokumentazzjoni. L-ispiża tikber biss skont in-numru ta' timijiet li jadottawha, u l-prodotti whitelabel li nibnu għalik diġà jirrendjaw fuqha.
Mir-registry privat fuq npm.protocore.io. Il-kredenzjali ta' aċċess iħallu l-build tiegħek jniżżel il-pakketti @protocore; minn hemm, it-tokens u l-komponenti jinstallaw bħal kull dipendenza oħra.
It-tokens huma maħruġin għall-web, .NET u native, biex kulur jew radius wieħed ifisser l-istess ħaġa f'kull pjattaforma li tirrilaxxa. Il-komponenti jinħarġu għal React, u saff CSS framework-agnostic iġorr l-istess tokens u klassijiet għal timijiet li mhumiex fuq React.
Dark-first u aċċessibbli awtomatikament — żewġ temi, ħames aċċenti, kollha mmexxija mit-tokens, b'CSS zero-runtime biex l-istil ma jiswa xejn fit-tagħbija. L-istess komponenti jirrendjaw il-prodotti tagħna u d-dashboards tal-klijenti tagħna.
Mibnija għal dan: mappa llms.txt u server MCP iħallu lill-agents jaqraw is-sistema u jibnu biha kif suppost, u pds.protocore.io fih eżempji ħajjin, props u kodiċi biex tikkopja għal kull komponent u token.
Prezzijiet
PDS hija liċenzjata għal kull tim, mhux għal kull utent jew proġett — liċenzja waħda tkopri lil kull min jibni biha f'dak it-tim: tokens, komponenti u d-dokumentazzjoni.
Ibda b'tim wieħed u wessa' għal aktar timijiet hekk kif tikber l-adozzjoni. L-ispiża tiddependi biss min-numru ta' timijiet li jibnu fuq PDS, xejn aktar.
Il-prodotti whitelabel li nibnu għalik diġà jirrendjaw fuq PDS — il-liċenzja standalone hija għal timijiet li jadottawha fuq il-prodotti tagħhom stess.
Il-liċenzjar isegwi t-timijiet, mhux in-numru ta' impjegati jew l-użu. Itlob l-aċċess u nikkalkulawh skont it-timijiet li se jibnu biha.
Evalwa
Fittex is-sistema sħiħa fuq pds.protocore.io — eżempji ħajjin, props, u kodiċi biex tikkopja għal kull komponent u token.
It-design tokens maħruġin għall-web, .NET u native, biex kulur jew radius wieħed ifisser l-istess ħaġa f'kull pjattaforma li tirrilaxxa.
PDS hija liċenzjata għal kull tim — liċenzja waħda tkopri lil kull min jibni biha: tokens, komponenti u dokumentazzjoni.
Kredenzjali għar-registry privat fuq npm.protocore.io biex tinstalla l-pakketti @protocore li l-build tiegħek jieħu minnhom.
PDS hija proprjetarja u liċenzjata għal kull tim. Itlob l-aċċess u nwaqqfuk aħna.
Dak kollu ta' hawn fuq jaħdem f'demos fi produzzjoni li nistgħu nuruk — standalone, whitelabel, jew bħala pjattaforma waħda. Għidilna x'qed tibni u nuruk l-iqsar triq lejha.
