PDS · Hönnunarkerfi

Hönnunarkerfið á bak við allt sem við smíðum.

PDS er eigið hönnunarmál Protocore, dregið út úr vörunum sem við smíðum og hert í raunverulegri notkun. Hannað fyrst fyrir dökkt þema, knúið af hönnunarbreytum og skjalfest frá upphafi til enda — sömu íhlutir og birta vörur okkar og stjórnborð viðskiptavina, pakkaðir svo teymi geti tekið þá í notkun á einum eftirmiðdegi.

Eiginleikar

Allt sem Protocore Design System býður upp á.

  1. 01101 íhlutur í framleiðslu
  2. 02Hönnunartákn
  3. 03Tvö þemu, fimm áherslulitir
  4. 04Dökkt fyrst
  5. 05Formeiningar
  6. 06Útlit og samsetning
  7. 07Leiðsögn
  8. 08Yfirlög
  9. 09Gagnabirting
  1. 10Endurgjöf og staða
  2. 11Leturgerð
  3. 12Hreyfing
  4. 13Aðgengilegt frá upphafi
  5. 14CSS án keyrslutíma
  6. 15CSS-lag óháð ramma
  7. 16Táknaútflutningur fyrir hvern tæknistafla
  8. 17Þemaveita og krókar
  9. 18Whitelabel-þemun
  1. 19llms.txt-kort
  2. 20MCP-þjónn
  3. 21Skjalfest frá upphafi til enda
  4. 22Útgáfur með útgáfunúmerum
  5. 23Einkaskrá
  6. 24Leyfislyklar án nettengingar
  7. 25Leyfi fyrir hvert teymi
Lesa um alla 25 eiginleikana

01101 íhlutur í framleiðslu

Frá grunneiningum til heilla síðusamsetninga — 101 íhlutur, hver um sig sóttur í vöru sem við afhendum en ekki hannaður í tómarúmi. Ef íhlutur er í PDS hefur hann þegar sannað sig: þessi vefur, vörudemóin og stjórnborð viðskiptavina okkar byggja öll á honum.

02Hönnunartákn

Litir, letur, bil og hreyfing koma úr einu táknlagi. Breyttu tákni og allir íhlutir fylgja — engar undanþágur á íhlut, ekkert fráhvarf milli vara.

03Tvö þemu, fimm áherslulitir

Dökkt og ljóst þema, fimm áherslulitir, allt knúið af sömu táknum. Vörumerkjaafbrigði er táknaskipti, ekki afrit af kerfinu — allar vörur línunnar byggja á sama kerfi.

04Dökkt fyrst

Birtuskil, hæð og litir eru útfærð fyrst í dökka þemanu; ljósa þemað er leitt af sömu táknum. Útkoman er dökkur hamur sem finnst eðlilegur, ekki umsnúinn.

05Formeiningar

Hnappar, innsláttarreitir, valreitir, rofar, sleðar og reitaumgjörð — með merkimiðum, vísbendingum og villuboðum. Stöðurnar eru þegar hannaðar: fókus, óvirkt, ógilt og hleðsla hegða sér eins í öllum vörum.

06Útlit og samsetning

Staflar, ristar, skilrúm og síðuskeljar setja saman skjái án sérsmíðaðs CSS. Stærstu íhlutirnir eru heilar síðusamsetningar — hetju-, kafla- og fótsmynstur sótt í síður sem við afhendum.

07Leiðsögn

Hausar, flipar, brauðmolar og valmyndir með aðlögun að skjástærð og lyklaborðshegðun innbyggða. Leiðsögnin á þessum vef er íhluturinn sjálfur, ekki eftirlíking af honum.

08Yfirlög

Gluggar, blöð, skúffur, sprettigluggar og ábendingar á einu lagskiptingarlíkani — fókuslæsing, lokun og röðun leyst einu sinni, miðlægt. Engin vara þarf sína eigin z-index reikningslist.

09Gagnabirting

Töflur, listar, tölureitir, merki og tímalínur fyrir vörur sem lifa á tölum. Stjórnborð rekstraraðila í vörulínunni sækja þéttleika sinn í þessa íhluti.

10Endurgjöf og staða

Tilkynningar, borðar, tómar stöður, framvinda og beinagrindur — stöðurnar sem fáir hugsa um eru hannaðar fyrirfram. Vara byggð á PDS hefur yfirvegað svar við hleðslu, tómu ástandi og bilun.

11Leturgerð

Leturkvarði í ritstjórnarstíl með jafnbreiðum merkimiðum fyrir tæknilegan tón — röddin sem birtist á öllum flötum Protocore. Kvarðinn er byggður úr táknum, svo vörur geta stillt hann án þess að yfirgefa kerfið.

12Hreyfing

Tímalengdir og hreyfiferlar fylgja sem tákn og íhlutirnir nota þau nú þegar. Viðmót hreyfast eins milli vara því enginn tímasetur hreyfimynd handvirkt upp á nýtt.

13Aðgengilegt frá upphafi

Birtuskil, fókusstöður og lyklaborðshegðun eru innbyggð í íhlutina, ekki skilin eftir sem æfing. Notaðu sjálfgefnu stillingarnar og aðgengið fylgir með.

14CSS án keyrslutíma

Stíll er kyrrstætt CSS sem leyst er við byggingu — enginn CSS-in-JS keyrslutími og ekkert reiknað í vafranum. Stíllagið bætir engu JavaScript við síðuna.

15CSS-lag óháð ramma

Kerfið fylgir einnig sem hreinn CSS-pakki — tákn og hjálparklasar án þess að React þurfi. Síður sem eru myndaðar á þjóni, tölvupóstar og kerfi án React sækja í sömu einu sönnu heimild.

16Táknaútflutningur fyrir hvern tæknistafla

Tákn eru flutt út fyrir vefinn sem CSS-breytur, sem Tailwind-forstilling og á upprunasniðum fyrir farsímakerfi. Ein skilgreining á vörumerkinu, notuð hvar sem varan keyrir.

17Þemaveita og krókar

React-lagið vefur forrit inn í veitu og birtir tákn í gegnum króka — íhlutir lesa virkt þema og áherslulit í stað þess að harðkóða gildi. Þemaskipti eru ástand, ekki endurbygging.

18Whitelabel-þemun

Sama kerfi og gefur PDS fimm áherslulit gefur whitelabel-vöru vörumerkið sitt: skiptu um táknagildin, haltu íhlutunum. Hvert einasta whitelabel-forrit í línunni sannar að þetta virkar.

19llms.txt-kort

Véllesanlegt kort af öllu kerfinu — íhlutum, táknum og mynstrum — gefið út sem llms.txt. Bentu LLM á það og útbúinn kóði notar raunverulega PDS-íhluti í stað þess að spinna upp trúverðuga.

20MCP-þjónn

MCP-þjónn opnar kerfið beint fyrir kóðunaragentum: íhluti, eigindi og tákn, sem hægt er að spyrja um meðan agentinn smíðar. Hönnunarkerfið svarar spurningum í stað þess að vera límt inn í fyrirmæli.

21Skjalfest frá upphafi til enda

Hver íhlutur á heima á pds.protocore.io með lifandi dæmum, eigindum og kóða til að afrita. Skjölin eru byggð á PDS sjálfu — það sem þú lest er það sem þú afhendir.

22Útgáfur með útgáfunúmerum

PDS kemur í pökkum með útgáfunúmerum samkvæmt semver og breytingaskrám. Uppfærslur eru yfirvegaðar: teymi uppfærir þegar það kýs og breytingaskráin segir nákvæmlega hvað breyttist.

23Einkaskrá

Pakkar eru sóttir úr einkaskrá Protocore á npm með tákni fyrir hvert teymi í .npmrc — hefðbundið npm-vinnuflæði, afmarkað við teymi með leyfi. Engar zip-skrár í kóðasafninu, engin uppsetning með afritun og límingu.

24Leyfislyklar án nettengingar

Undirritaður leyfislykill er staðfestur á staðnum — engin símtöl heim, engin netathugun í byggingunni þinni. Leyfisvandamál birtast sem viðvaranir í þróun og brjóta aldrei forrit í framleiðslu.

25Leyfi fyrir hvert teymi

PDS er séreignarhugbúnaður með leyfi fyrir hvert teymi. Óskaðu eftir aðgangi og við setjum ykkur upp — pakka, skjöl og táknauppsprettur — svo teymi geti tekið það í notkun á einum eftirmiðdegi.

FAQ

Hönnunarkerfið — svör við spurningum.

  • Á hvert teymi — ekki á notanda eða verkefni. Eitt leyfi nær yfir alla í teyminu sem vinna með PDS: tákngildi, íhluti og skjölun. Kostnaður vex með fjölda teyma sem taka kerfið upp, engu öðru, og whitelabel-vörur sem við smíðum fyrir þig keyra þegar á því.

  • Frá lokaða registry-þjóninum á npm.protocore.io. Aðgangsupplýsingar gera smíðinni kleift að sækja @protocore-pakkana, og eftir það setjast tákngildin og íhlutirnir upp eins og hver önnur pakkaþörf.

  • Tákngildin eru gefin út fyrir vef, .NET og native, svo einn litur eða radíus þýðir það sama á öllum kerfum sem þú gefur út á. Íhlutir koma fyrir React og CSS-lag án framework-tengingar ber sömu tákngildi og klasa fyrir teymi sem nota ekki React.

  • Dökkt í grunninn og aðgengilegt sjálfgefið — tvö þemu, fimm áherslulitir, allt knúið af tákngildum, með CSS án keyrslukostnaðar svo stílingin hægir ekki á hleðslu. Sömu íhlutir birta vörurnar okkar og stjórnborð viðskiptavina okkar.

  • Það er smíðað fyrir það: llms.txt-kort og MCP-þjónn gera forritum (agents) kleift að lesa kerfið og byggja rétt með því, og pds.protocore.io geymir lifandi dæmi, eigindi og afritanlegan kóða fyrir alla íhluti og öll tákngildi.

Verðlagning

Hvernig PDS er leyfisveitt.

01

Leyfi á hvert teymi

PDS er leyfisveitt á hvert teymi, ekki á notanda eða verkefni — eitt leyfi nær yfir alla í teyminu sem vinna með kerfið: tákn, íhluti og skjölun.

02

Vex með fyrirtækinu

Byrjaðu með einu teymi og bættu fleirum við eftir því sem notkunin eykst. Kostnaðurinn ræðst af fjölda teyma sem byggja á PDS, engu öðru.

03

Í lausn frá Protocore

Whitelabel-vörur sem við smíðum fyrir þig keyra þegar á PDS — sjálfstæða leyfið er fyrir teymi sem taka kerfið upp í eigin vörum.

Leyfi miðast við teymi, ekki fjölda starfsmanna eða notkun. Óskaðu eftir aðgangi og við afmörkum það við þau teymi sem munu nota kerfið.

Mat

Byggðu skjámynd með PDS.

01

Lifandi skjölun

Skoðaðu kerfið í heild á pds.protocore.io — lifandi dæmi, eigindi (props) og afritanlegur kóði fyrir alla íhluti og öll tákngildi.

02

Tokens-pakkar

Hönnunartákngildin eru gefin út fyrir vef, .NET og native, svo einn litur eða radíus þýðir það sama á öllum kerfum sem þú gefur út á.

03

Leyfi á hvert teymi

PDS er leyfisveitt á hvert teymi — eitt leyfi nær yfir alla sem vinna með kerfið, tákngildi, íhluti og skjölun.

04

Aðgangur að registry

Aðgangsupplýsingar fyrir lokaða registry-þjóninn á npm.protocore.io svo smíðin geti sótt @protocore-pakkana.

Framboð

PDS er séreign og leyfisveitt á hvert teymi. Óskaðu eftir aðgangi og við setjum allt upp fyrir þig.

Veldu vöru. Eða taktu kjarnann.

Allt hér að ofan keyrir í sýnikerfum í raunumhverfi sem við förum með þér í gegnum — sjálfstætt, sem whitelabel eða sem ein heildarlausn. Segðu okkur hvað þú ert að byggja og við sýnum þér stystu leiðina.