PDS · Dizaina sistēma

Dizaina sistēma visam, ko veidojam.

PDS ir paša Protocore dizaina valoda, iegūta no mūsu veidotajiem produktiem un rūdīta produkcijā. Dark-first, balstīta uz tokeniem un dokumentēta no sākuma līdz beigām — tie paši komponenti, kas attēlo mūsu produktus un klientu paneļus, sapakoti tā, lai komanda tos varētu ieviest vienas pēcpusdienas laikā.

Funkcijas

Viss, ar ko nāk Protocore Design System.

  1. 01101 produkcijas komponente
  2. 02Dizaina tokeni
  3. 03Divas tēmas, pieci akcenti
  4. 04Vispirms tumšā
  5. 05Formu primitīvi
  6. 06Izkārtojums un kompozīcija
  7. 07Navigācija
  8. 08Pārklājumi
  9. 09Datu attēlošana
  1. 10Atgriezeniskā saite un statuss
  2. 11Tipogrāfija
  3. 12Kustība
  4. 13Pieejams pēc noklusējuma
  5. 14CSS bez izpildlaika
  6. 15No ietvara neatkarīgs CSS slānis
  7. 16Tokenu eksports katram stekam
  8. 17Tēmu provaiders un hooki
  9. 18Whitelabel tēmošana
  1. 19llms.txt karte
  2. 20MCP serveris
  3. 21Dokumentēts no sākuma līdz beigām
  4. 22Versionētie izlaidumi
  5. 23Privātais reģistrs
  6. 24Bezsaistes licences atslēgas
  7. 25Licence katrai komandai
Lasīt par visām 25 funkcijām detalizēti

01101 produkcijas komponente

No primitīviem līdz pilnām lapu kompozīcijām — 101 komponente, katra izgūta no produkta, ko piegādājam, nevis izstrādāta izolēti. Ja komponente ir PDS, tā jau ir paveikusi reālu darbu: uz tās darbojas šī vietne, produktu demo un mūsu klientu paneļi.

02Dizaina tokeni

Krāsa, tipogrāfija, atstarpes un kustība tiek iegūtas no viena tokenu slāņa. Nomainiet tokenu, un visas komponentes seko — bez pārrakstīšanas katrā komponentē, bez atšķirībām starp produktiem.

03Divas tēmas, pieci akcenti

Tumšā un gaišā tēma, pieci akcentkrāsu varianti, un visu vada viens un tas pats tokenu kopums. Zīmola variācija ir tokenu maiņa, nevis fork — katrs saimes produkts tiek attēlots no vienas sistēmas.

04Vispirms tumšā

Kontrasts, pacēlums un krāsa vispirms tiek izstrādāti tumšajai tēmai; gaišā tēma izriet no tiem pašiem tokeniem. Rezultāts ir tumšais režīms, kas šķiet dabisks, nevis apgriezts.

05Formu primitīvi

Pogas, ievades lauki, izvēlnes, slēdži, slīdņi un lauku karkass — ar etiķetēm, norādēm un kļūdu ziņojumiem. Stāvokļi jau ir izstrādāti: fokuss, atspējots, nederīgs un ielāde visos produktos uzvedas vienādi.

06Izkārtojums un kompozīcija

Steki, režģi, atdalītāji un lapu čaulas veido ekrānus bez ad hoc CSS. Lielākās komponentes ir pilnas lapu kompozīcijas — hero, sekciju un footer paraugi, pārņemti no lapām, ko piegādājam.

07Navigācija

Galvenes, cilnes, navigācijas ceļi un izvēlnes ar iebūvētu responsīvo un tastatūras uzvedību. Šīs vietnes navigācija ir pati komponente, nevis tās atdarinājums.

08Pārklājumi

Modālie logi, sheet, drawer, popover un tooltip uz viena slāņošanas modeļa — fokusa noturēšana, aizvēršana un kārtošana tiek atrisināta vienreiz un centralizēti. Neviens produkts nepiegādā savu z-index aritmētiku.

09Datu attēlošana

Tabulas, saraksti, statistikas flīzes, nozīmītes un laika skalas produktiem, kas dzīvo no skaitļiem. Visas saimes operatoru konsoles savu blīvumu iegūst no šīm komponentēm.

10Atgriezeniskā saite un statuss

Toast, baneri, tukšie stāvokļi, progress un skeletoni — neefektīgie stāvokļi, kas izstrādāti jau sākumā. Produktam uz PDS ir pārdomāta atbilde par ielādi, tukšumu un kļūmi.

11Tipogrāfija

Redakcionāla tipogrāfijas skala ar mono etiķetēm tehniskajam reģistram — balss, ko redzat visās Protocore virsmās. Skala ir tokeni, tāpēc produkti to pielāgo, nepametot sistēmu.

12Kustība

Ilgumi un easing funkcijas tiek piegādātas kā tokeni, un komponentes tos jau lieto. Saskarnes visos produktos kustas vienoti, jo neviens animācijas laiku nepielāgo ar roku.

13Pieejams pēc noklusējuma

Kontrasts, fokusa stāvokļi un tastatūras uzvedība ir iebūvēti komponentēs, nevis atstāti kā mājasdarbs. Piegādājiet noklusējumus, un pieejamība nāk līdzi.

14CSS bez izpildlaika

Stili ir statisks CSS, kas tiek atrisināts būvēšanas laikā — bez CSS-in-JS izpildlaika, nekas netiek rēķināts pārlūkā. Stilu slānis lapai nepievieno ne rindiņas JavaScript.

15No ietvara neatkarīgs CSS slānis

Sistēma tiek piegādāta arī kā parasts CSS pakotne — tokeni un utilītklases bez React. Servera renderētas lapas, e-pasti un ne-React tehnoloģiju kopas smeļas no viena patiesības avota.

16Tokenu eksports katram stekam

Tokeni tiek eksportēti tīmeklim kā CSS mainīgie, kā Tailwind preset un mobilajām platformām dzimtajos formātos. Viena zīmola definīcija, ko izmanto visur, kur darbojas produkts.

17Tēmu provaiders un hooki

React slānis ietin lietotnes provaiderī un atklāj tokenus ar hookiem — komponentes nolasa aktīvo tēmu un akcentu, nevis kodē vērtības cieši. Tēmas maiņa ir stāvoklis, nevis pārbūve.

18Whitelabel tēmošana

Tas pats mehānisms, kas PDS dod piecus akcentus, whitelabel produktam dod tā zīmolu: nomainiet tokenu vērtības, saglabājiet komponentes. Katra saimes whitelabel lietotne ir pierādījums, ka tas darbojas.

19llms.txt karte

Mašīnlasāma visas sistēmas karte — komponentes, tokeni, paraugi — publicēta kā llms.txt. Norādiet to LLM, un ģenerētais kods lietos īstas PDS komponentes, nevis izdomās ticami izklausošas.

20MCP serveris

MCP serveris atklāj sistēmu kodēšanas aģentiem tieši: komponentes, props un tokenus, ko var vaicāt, kamēr aģents būvē. Dizaina sistēma atbild uz jautājumiem, nevis tiek iekopēta promptos.

21Dokumentēts no sākuma līdz beigām

Katra komponente atrodas pds.protocore.io ar dzīviem piemēriem, props un kodu kopēšanai. Dokumentācija tiek renderēta uz pašas PDS — ko lasāt, to arī piegādājat.

22Versionētie izlaidumi

PDS tiek piegādāta kā versionētas pakotnes ar semantiskām versijām un izmaiņu žurnāliem. Atjauninājumi ir apzināti: komanda pāriet, kad izvēlas, un izmaiņu žurnāls precīzi norāda, kas mainījies.

23Privātais reģistrs

Pakotnes tiek instalētas no Protocore privātā npm reģistra ar komandas tokenu failā .npmrc — standarta npm darbplūsma, pieejama licencētām komandām. Nekādu pievienotu zip failu, nekādu instalāciju ar kopēšanu.

24Bezsaistes licences atslēgas

Parakstīta licences atslēga tiek pārbaudīta lokāli — bez savienojuma ar serveri, bez tīkla pārbaudes jūsu būvē. Licencēšanas problēmas parādās kā izstrādes laika brīdinājumi un nekad nesabojā produkcijas lietotni.

25Licence katrai komandai

PDS ir slēgts produkts, un licence tiek izsniegta katrai komandai. Pieprasiet piekļuvi, un mēs visu sagatavosim — pakotnes, dokumentāciju un tokenu avotus —, lai komanda to varētu ieviest vienas pēcpusdienas laikā.

FAQ

Dizaina sistēma — atbildes.

  • Katrai komandai — nevis par lietotāju vai projektu. Viena licence aptver visus komandā, kas strādā ar PDS: tokenus, komponentes un dokumentāciju. Izmaksas mainās tikai atkarībā no komandu skaita, un whitelabel produkti, ko veidojam jums, jau tiek attēloti ar PDS.

  • No privātā reģistra npm.protocore.io. Piekļuves dati ļauj jūsu būvējumam ielādēt @protocore pakotnes; pēc tam tokeni un komponentes instalējas kā jebkura cita atkarība.

  • Tokeni tiek sagatavoti tīmeklim, .NET un native videi, tāpēc viena krāsa vai rādiuss visās jūsu platformās nozīmē vienu un to pašu. Komponentes ir pieejamas React videi, bet komandām bez React ir framework-agnostisks CSS slānis ar tiem pašiem tokeniem un klasēm.

  • Dark-first un pēc noklusējuma pieejama — divas tēmas, pieci akcenti, viss uz tokenu bāzes, ar zero-runtime CSS, lai stili neietekmētu ielādes ātrumu. Tās pašas komponentes veido gan mūsu produktus, gan klientu paneļus.

  • Tā ir veidota tieši tam: llms.txt karte un MCP serveris ļauj aģentiem izlasīt sistēmu un pareizi ar to strādāt, bet pds.protocore.io piedāvā dzīvus piemērus, props un kopējamu kodu katrai komponentei un tokenam.

Cenas

Kā tiek licencēta PDS.

01

Licence katrai komandai

PDS tiek licencēta katrai komandai, nevis par lietotāju vai projektu — viena licence aptver visus komandas locekļus, kas ar to strādā: tokenus, komponentes un dokumentāciju.

02

Aug līdz ar jūsu organizāciju

Sāciet ar vienu komandu un paplašiniet lietojumu, kad PDS ieviešana pieaug. Izmaksas nosaka tikai to komandu skaits, kas veido produktus uz PDS.

03

Protocore izstrādē

Whitelabel produkti, ko veidojam jums, jau tiek attēloti ar PDS — atsevišķā licence paredzēta komandām, kas to ievieš savos produktos.

Licencēšana atbilst komandām, nevis darbinieku skaitam vai lietojumam. Pieprasiet piekļuvi, un mēs to pielāgosim komandām, kas ar to strādās.

Izvērtējiet

Izveidojiet ekrānu ar PDS.

01

Dzīvā dokumentācija

Izpētiet visu sistēmu vietnē pds.protocore.io — dzīvi piemēri, props un kopējams kods katrai komponentei un tokenam.

02

Token pakotnes

Dizaina tokeni tīmeklim, .NET un native vidēm, lai viena krāsa vai rādiuss visās jūsu platformās nozīmētu vienu un to pašu.

03

Licence katrai komandai

PDS tiek licencēta katrai komandai — viena licence aptver visus, kas ar to strādā: tokenus, komponentes un dokumentāciju.

04

Piekļuve reģistram

Piekļuves dati privātajam reģistram npm.protocore.io, lai jūsu būvējums varētu instalēt @protocore pakotnes.

Pieejamība

PDS ir patentēta un licencēta katrai komandai. Pieprasiet piekļuvi, un mēs visu sakārtosim.

Izvēlieties produktu. Vai ņemiet kodolu.

Viss iepriekš minētais darbojas produkcijas demo, ko varam jums parādīt — atsevišķi, whitelabel vai kā vienota platforma. Pastāstiet, ko veidojat, un parādīsim īsāko ceļu līdz mērķim.