PDS · Oblikovni sistem

Oblikovni sistem za vsem, kar izdamo.

PDS je lasten oblikovni jezik podjetja Protocore, izluščen iz izdelkov, ki jih gradimo, in utrjen v produkciji. Najprej temen, voden s tokeni in dokumentiran od začetka do konca — iste komponente, ki poganjajo naše izdelke in nadzorne plošče naših strank, zapakirane tako, da jih ekipa privzame v enem popoldnevu.

Funkcije

Vse, kar prinaša Protocore Design System.

  1. 01101 produkcijska komponenta
  2. 02Design tokeni
  3. 03Dve temi, pet poudarkov
  4. 04Najprej temno
  5. 05Osnovni elementi obrazcev
  6. 06Postavitev in kompozicija
  7. 07Navigacija
  8. 08Prekrivni elementi
  9. 09Prikaz podatkov
  1. 10Povratne informacije in stanje
  2. 11Tipografija
  3. 12Gibanje
  4. 13Dostopno privzeto
  5. 14CSS brez izvajalnega okolja
  6. 15CSS plast, neodvisna od ogrodja
  7. 16Izvozi tokenov za posamezen sklad
  8. 17Ponudnik tem in hooki
  9. 18Whitelabel teme
  1. 19Zemljevid llms.txt
  2. 20Strežnik MCP
  3. 21Dokumentirano od začetka do konca
  4. 22Verzionirane izdaje
  5. 23Zasebni register
  6. 24Licenčni ključi brez povezave
  7. 25Licenca na ekipo
Preberite vseh 25 funkcij podrobno

01101 produkcijska komponenta

Od primitivov do celotnih sestavov strani — 101 komponent, vsaka izluščena iz izdelka, ki ga dobavljamo, ne zasnovana v izolaciji. Če je komponenta v PDS, je že opravila pravo delo: na njej se izrisujejo ta stran, predstavitve izdelkov in naše stranske nadzorne plošče.

02Design tokeni

Barva, tipografija, razmiki in gibanje izhajajo iz ene plasti tokenov. Spremenite token in vse komponente sledijo — brez prepisov po komponentah, brez razhajanj med izdelki.

03Dve temi, pet poudarkov

Temna in svetla tema, pet poudarnih barv, vse poganjajo isti tokeni. Različica blagovne znamke je zamenjava tokenov, ne fork — vsak izdelek v družini se izrisuje iz istega sistema.

04Najprej temno

Kontrast, višina in barva so najprej izdelani na temni temi; svetla tema izhaja iz istih tokenov. Rezultat je temni način, ki deluje naravno, ne obrnjeno.

05Osnovni elementi obrazcev

Gumbi, vnosna polja, izbirniki, stikala, drsniki in ogrodje polj — vključno z oznakami, namigi in napakami. Stanja so že oblikovana: fokus, onemogočeno, neveljavno in nalaganje se v vseh izdelkih obnašajo enako.

06Postavitev in kompozicija

Sklady, mreže, ločilniki in ogrodja strani sestavljajo zaslone brez ad hoc CSS-ja. Največje komponente so celotni sestavi strani — vzorci za hero, sekcije in nogo, povzeti po straneh, ki jih dobavljamo.

07Navigacija

Glave, zavihki, drobtinice in meniji z vgrajenim odzivnim in tipkovničnim obnašanjem. Navigacija na tej strani je sama komponenta, ne njena imitacija.

08Prekrivni elementi

Modalna okna, spodnji listi, predali, popoverji in namigi na enem modelu plasti — past fokusa, zapiranje in zlaganje so rešeni enkrat, centralno. Noben izdelek nima lastne aritmetike z-indexa.

09Prikaz podatkov

Tabele, seznami, ploščice s statistiko, značke in časovnice za izdelke, ki živijo od številk. Gostota operaterskih konzol v družini izhaja iz teh komponent.

10Povratne informacije in stanje

Toasti, pasice, prazna stanja, napredek in skeletoni — manj bleščeča stanja, zasnovana vnaprej. Izdelek, zgrajen na PDS, ima premišljen odgovor za nalaganje, prazno in napako.

11Tipografija

Uredniška tipografska lestvica z mono oznakami za tehnični register — glas, ki ga vidite na vseh površinah Protocore. Lestvica so tokeni, zato jo izdelki prilagodijo, ne da bi zapustili sistem.

12Gibanje

Trajanja in krivulje pospeševanja so na voljo kot tokeni, komponente jih že uporabljajo. Vmesniki se v vseh izdelkih gibljejo dosledno, ker nihče ročno ne preurejuje časovnice animacij.

13Dostopno privzeto

Kontrast, stanja fokusa in tipkovnično obnašanje so vgrajeni v komponente, ne prepuščeni vaji. Uporabite privzete nastavitve in dostopnost pride zraven.

14CSS brez izvajalnega okolja

Slogi so statični CSS, razrešen ob izgradnji — brez izvajalnega okolja CSS-in-JS, nič se ne izračunava v brskalniku. Plast oblikovanja strani ne doda nobenega JavaScripta.

15CSS plast, neodvisna od ogrodja

Sistem je na voljo tudi kot navaden CSS paket — tokeni in pomožni razredi brez potrebe po Reactu. Strežniško izrisane strani, e-pošta in sklopi brez Reacta črpajo iz istega vira resnice.

16Izvozi tokenov za posamezen sklad

Tokeni se za splet izvozijo kot CSS spremenljivke, kot Tailwind preset in v izvornih formatih za mobilne platforme. Ena definicija blagovne znamke, uporabljena povsod, kjer izdelek teče.

17Ponudnik tem in hooki

Plast za React ovije aplikacije v ponudnika in izpostavi tokene prek hookov — komponente preberejo aktivno temo in poudarek, namesto da bi vrednosti trdo kodirale. Preklop teme je stanje, ne ponovna izgradnja.

18Whitelabel teme

Isti mehanizem, ki PDS-u daje pet poudarkov, whitelabel izdelku da njegovo blagovno znamko: zamenjate vrednosti tokenov, komponente ostanejo. Vsaka whitelabel aplikacija v družini je dokaz, da deluje.

19Zemljevid llms.txt

Strojno berljiv zemljevid celotnega sistema — komponent, tokenov, vzorcev — objavljen kot llms.txt. Usmerite LLM nanj in generirana koda uporablja prave komponente PDS, namesto da si izmišlja verjetne.

20Strežnik MCP

Strežnik MCP sistem izpostavi neposredno kodirnim agentom: komponente, props in tokene, ki jih je mogoče poizvedovati med gradnjo. Oblikovalski sistem odgovarja na vprašanja, namesto da bi ga lepili v pozive.

21Dokumentirano od začetka do konca

Vsaka komponenta živi na pds.protocore.io z živimi primeri, props in kodo za kopiranje. Dokumentacija se izrisuje na samem PDS — kar preberete, to dobavite.

22Verzionirane izdaje

PDS izhaja kot verzionirani paketi s semantičnimi različicami in dnevniki sprememb. Nadgradnje so premišljene: ekipa preide, kadar se odloči, dnevnik sprememb pa natančno pove, kaj se je premaknilo.

23Zasebni register

Paketi se namestijo iz zasebnega npm registra Protocore z žetonom za posamezno ekipo v .npmrc — standardni npm potek dela, omejen na ekipe z licenco. Brez vendoriranih zip datotek, brez namestitev s kopiranjem.

24Licenčni ključi brez povezave

Podpisan licenčni ključ se preveri lokalno — brez klica domov, brez omrežnega preverjanja v vaši izgradnji. Težave z licenco se pokažejo kot opozorila v razvoju in nikoli ne zrušijo produkcijske aplikacije.

25Licenca na ekipo

PDS je lastniški in licenciran na ekipo. Zaprosite za dostop in vse vam pripravimo — pakete, dokumentacijo in izvore tokenov — tako da ga ekipa uvede v enem popoldnevu.

FAQ

Oblikovalski sistem, pojasnjen.

  • Na ekipo — ne na uporabnika ali projekt. Ena licenca pokriva vse, ki znotraj ekipe gradijo s PDS: tokene, komponente in dokumentacijo. Cena raste samo s številom ekip, ki ga uvedejo, nič drugega, whitelabel izdelki, ki jih razvijemo za vas, pa se že izrisujejo z njim.

  • Iz zasebnega registra na npm.protocore.io. Dostopne poverilnice omogočijo vašemu buildu, da prenese pakete @protocore; tokeni in komponente se nato namestijo kot vsaka druga odvisnost.

  • Tokeni so na voljo za splet, .NET in native, tako da ena barva ali radij pomeni isto na vseh platformah, ki jih podpirate. Komponente so na voljo za React, za ekipe brez Reacta pa isti tokeni in razredi pridejo v framework-agnostični plasti CSS.

  • Najprej temen in privzeto dostopen — dve temi, pet poudarkov, vse vodeno s tokeni, s CSS brez runtime-a, zato stiliranje ne stane nič pri nalaganju. Iste komponente poganjajo naše izdelke in nadzorne plošče naših strank.

  • Zgrajen je prav za to: zemljevid llms.txt in strežnik MCP agentom omogočata, da sistem preberejo in z njim pravilno gradijo, pds.protocore.io pa ponuja žive primere, props in kodo za kopiranje za vsako komponento in vsak token.

Cenik

Kako je licenciran PDS.

01

Licenca na ekipo

PDS se licencira na ekipo, ne na uporabnika ali projekt — ena licenca pokriva vse, ki z njim gradijo znotraj te ekipe: tokene, komponente in dokumentacijo.

02

Raste z vašo organizacijo

Začnite z eno ekipo in dodajajte nove, ko se uporaba širi. Na ceno vpliva samo število ekip, ki gradijo na PDS, nič drugega.

03

Znotraj razvoja Protocore

Whitelabel izdelki, ki jih razvijemo za vas, se že izrisujejo s PDS — samostojna licenca je namenjena ekipam, ki ga uvajajo v svoje izdelke.

Licenciranje sledi ekipam, ne številu zaposlenih ali uporabi. Zaprosite za dostop in ponudbo prilagodimo ekipam, ki bodo gradile z njim.

Ocenite

Zgradite zaslon s PDS.

01

Živa dokumentacija

Celoten sistem je na pds.protocore.io — živi primeri, props in koda za kopiranje za vsako komponento in vsak token.

02

Paketi tokenov

Oblikovalski tokeni za splet, .NET in native, tako da ena barva ali radij pomeni isto na vseh platformah, ki jih podpirate.

03

Licenca na ekipo

PDS se licencira na ekipo — ena licenca pokriva vse, ki z njim gradijo: tokene, komponente in dokumentacijo.

04

Dostop do registra

Poverilnice za zasebni register na npm.protocore.io, s katerimi namestite pakete @protocore, ki jih potrebuje vaš build.

Razpoložljivost

PDS je lastniški sistem z licenco na ekipo. Zaprosite za dostop in vse uredimo.

Izberite izdelek. Ali vzemite jedro.

Vse zgoraj teče v produkcijskih predstavitvah, skozi katere vas lahko popeljemo — samostojno, whitelabel ali kot ena platforma. Povejte nam, kaj gradite, in pokazali vam bomo najkrajšo pot do cilja.