Kõik süsteemid / prouxaudit
ProUXAudit Design System 1.3
Tõendile keskenduv disainisüsteem: tokenid toote koodist, kaks täielikult määratud teemat, arvutatud kontrast, tüübikõver ja vedrudel liikumine. Ostu ja tellimuse olekud on kavandid.
Vaadeldud tähendab kuupäevaga kontrollitud avalikku või versioonitud artefakti. Disainiviide kirjeldab reeglit või prototüüpi. Kavand ei tõenda tootmiskäitumist. Iga tekstisisene märgis avab konkreetse allika.
Auditi leid peab muutuma selgeks prioriteediks, mitte pikaks nimekirjaks.
SaaS-tootele, mis näitab kasutajale andmeid ja otsuseid. · veebiäpp, raport, ost
- tokenit toote koodis
- 83
- kontrastipaari kahes teemas
- 22
- komponendi primitiivi
- 16
Leid ei ole veel otsus
UX-auditi väärtus kaob, kui tähelepanek ja soovitus sulavad üheks üldiseks hinnanguks. ProUXAuditi disainisüsteem eristab vaadeldud olukorda, selle tõendit, prioriteeti, soovitatud muutust ning kontrolli, millega pärast teostust tulemust hinnata – nii saab tellija otsustatava tööjärjekorra, mitte ainult skoori. Dokumentatsioon ütleb selle otse välja: toode on täpne mõõteriist otsustamiseks, mida parandada, mitte töölaud tehisintellekti töö jälgimiseks. [2] Disainiviide · Disainisüsteemi dokumentatsioon · vaadatud
Süsteem elab tootehoidlas ühe tokenifailina. Sellest tulevad värvirollid, kirjaredel, ruum, raadiused, kihid ja kestused, mida ekraanid loevad. Üksteist vana värvinime on jäetud aliasteks, mis osutavad uutele rollidele; nende eemaldamine on versioonitud migratsioon, mitte vaikne kustutamine. [1] Vaadeldud · Versioonitud kood · vaadatud
Avaliku auditi sisestus ja jagatav raport on nähtavad tootepinnad. 12. septembri 2026 case'i kuvatõend näitab konkreetseid vaateid; ühe raporti tühi leiuala ei tõenda, et ülejäänud sait oleks probleemivaba. [3] Vaadeldud · Kuupäevaga case-galerii · vaadatud
Täpsed allikaviited
- [1] tokens-in-code · PROUXAUDIT repository, staging commit bee85a602a68e48729db2887f8189f47912071d4: apps/web/design-system/tokens.json, sha256 e3fc6d1f1c4022c4c1e7e28364cb986f94354db55d3e9295cb435c854181a7c5 (83 tokens, 11 of them legacy aliases; last changed in 6961e01, 2026-09-24)
- [2] design-system-doc · ProUXAudit Design System documentation, version 1791020328-eb45: content fundamentals, colour, material, depth, type, layout, logo, iconography, 16 component primitives and 12 static app-shell and audit-panel renditions (1.2 Apple addendum with 1.3 review resolutions)
- [3] public-audit-report-surfaces · ProUXAudit case, public audit and report gallery captured 2026-09-12
Kuus plaati ühest tokenifailist
Näidis koosneb kuuest plaadist, mis on ehitatud toote tokens.json-ist tuletatud failist: värvirollid kahes teemas, kirjaredel koos trackingu kõveraga, kuju ja ruum, komponentide staatilised renditsioonid, leiu otsustusahel ning vedrudel liikumine. Väärtused loetakse lehe ehitamisel, nii et plaadid ei saa erineda oma tokenifailist; faili seos tootekoodiga on kirjas allikaviites. [1] Vaadeldud · Versioonitud kood · vaadatud
Iga värviplaat näitab hex-väärtust ja kontrasti selle maapinna suhtes, mida rolli kasutusreegel nimetab. Kahekümne kahe rollipaari kontrast arvutatakse nii tumedas kui heledas teemas WCAG 2.x valemiga; tabel näitab iga paari miinimumi ja mõlemat tulemust. Tulemus on arvutatud, mitte ekraanil mõõdetud. [3] Vaadeldud · Kontrastiarvutus · vaadatud
Leiukaart kasutab illustratiivset avalehte, kus kaks võrdse rõhuga tegevusnuppu konkureerivad tähelepanu pärast. Kaart eristab vaatluse, avatava näidispaigutuse kui tõendi, tõsiduse „kõrge · ainult näidis”, soovituse „üks esmane tegevus” ning järelkontrolli päris brauseris. Tõsidus ei ole mõõdetud kliendileid; kaart ei analüüsi sinu URL-i ega kasuta kliendi andmeid. [4] Disainiviide · 1.2 disainiprototüüp · vaadatud
Liikumisplaat joonistab toote vedrude eelseaded samade võrranditega, mida toode kasutab. Selle avamisel laaditakse labor: lohista või viska litrit, häälesta sumbuvust ja reaktsiooni ning vaata, kuidas maandumiskoht tuleb hoo projektsioonist, mitte lahtilaskmise kohast. [2] Vaadeldud · Versioonitud kood · vaadatud
Plaatidel olevad komponendid on näidistekstiga joonistatud renditsioonid: ükski nupp ei saada päringut, ükski väli ei loe sisendit ja makset ei küsita. Kui plaat näitab pakkumist, jäävad makse- ja tellimuse olekud disainikavanditeks. [5] Kavand · 1.2 disainiprototüüp · vaadatud
Täpsed allikaviited
- [1] tokens-in-code · PROUXAUDIT repository, staging commit bee85a602a68e48729db2887f8189f47912071d4: apps/web/design-system/tokens.json, sha256 e3fc6d1f1c4022c4c1e7e28364cb986f94354db55d3e9295cb435c854181a7c5 (83 tokens, 11 of them legacy aliases; last changed in 6961e01, 2026-09-24)
- [2] spring-primitive · PROUXAUDIT repository, staging commit bee85a602a68e48729db2887f8189f47912071d4: apps/web/src/lib/spring.ts, sha256 abab1a51b56c29593ea84824bec98512151613982233142c8fd68a14736d4f4c (presets move 1.0/0.40 s, sheet 0.8/0.30 s, rotate 0.8/0.40 s; FLICK_VELOCITY 400 px/s)
- [3] contrast-1-3 · WCAG 2.x relative-luminance calculation of 22 role pairs in the dark and light themes, from the tokens.json at PROUXAUDIT staging bee85a6; computed when the page is built
- [4] design-1-2-reference · ProUXAudit Design System 1.2, overview/foundations/components; SHA-256 E5D6DE5169999586AEEA44AAC2BD5B71413FA4AA8C66CFE52544E97335FE02E2
- [5] purchase-order-states · ProUXAudit Design System 1.2, views purchase/order/checkout/billing; source map 2026-09-24
Kuus plaati ühest tokenifailist. Värvid, raadiused, kirjarollid ja vedrud loetakse koodis olevast tokens.json-ist; kontrastid arvutatakse lehe ehitamisel. Lehel ei ole päris nuppe, vorme ega makset: komponendid on joonistatud, et näidata anatoomiat.
01 · Värvirollid
Tume · vaiketeema
Pinnad
pux-canvas#0b1020pux-text · 17,65 : 1pux-surface#121a2cpux-text · 16,18 : 1pux-raised#1b263bpux-text · 14,12 : 1pux-selected#183b39pux-text · 11,36 : 1
Tekst ja tegevus
pux-text#f5f7fb16,18 : 1pux-muted#aab4c88,32 : 1pux-accent#5ee6c511,24 : 1pux-accent-hover#4dd4b3pux-on-accent · 10,26 : 1pux-on-accent#0b1020pux-accent · 12,26 : 1pux-focus#5ee6c511,24 : 1
Piirid
pux-border#304058dekoratiivne · miinimumi polepux-border-control#7d8da85,16 : 1
Olekud
pux-success#8ddfb411,03 : 1pux-warning#f3c77410,94 : 1pux-danger#ff91988,06 : 1pux-info#99c7ff9,89 : 1
Hele · eraldi määratud, mitte ümberpööratud
Pinnad
pux-canvas#f5f7fapux-text · 16,53 : 1pux-surface#ffffffpux-text · 17,74 : 1pux-raised#e9eef5pux-text · 15,22 : 1pux-selected#d9f4e9pux-text · 15,26 : 1
Tekst ja tegevus
pux-text#11182717,74 : 1pux-muted#4b5b706,93 : 1pux-accent#006b576,48 : 1pux-accent-hover#005646pux-on-accent · 8,68 : 1pux-on-accent#ffffffpux-accent · 6,48 : 1pux-focus#006b576,48 : 1
Piirid
pux-border#d9e1ebdekoratiivne · miinimumi polepux-border-control#697a914,38 : 1
Olekud
pux-success#20623b7,31 : 1pux-warning#7750007,16 : 1pux-danger#a51e357,40 : 1pux-info#164fa37,83 : 1
Kontrastikontroll · 44/44
44 kontrolli 44-st läbib oma miinimumi (tekst 4,5 : 1, juhtelemendi piir ja fookus 3 : 1), arvutatud mõlemas teemas.
| Roll | Maapind | Miinimum | Tume | Hele |
|---|---|---|---|---|
pux-text | pux-canvas | 4,50 : 1 | 17,65 : 1 | 16,53 : 1 |
pux-text | pux-surface | 4,50 : 1 | 16,18 : 1 | 17,74 : 1 |
pux-text | pux-raised | 4,50 : 1 | 14,12 : 1 | 15,22 : 1 |
pux-text | pux-selected | 4,50 : 1 | 11,36 : 1 | 15,26 : 1 |
pux-muted | pux-canvas | 4,50 : 1 | 9,08 : 1 | 6,46 : 1 |
pux-muted | pux-surface | 4,50 : 1 | 8,32 : 1 | 6,93 : 1 |
pux-muted | pux-raised | 4,50 : 1 | 7,26 : 1 | 5,95 : 1 |
pux-accent | pux-canvas | 4,50 : 1 | 12,26 : 1 | 6,04 : 1 |
pux-accent | pux-surface | 4,50 : 1 | 11,24 : 1 | 6,48 : 1 |
pux-accent | pux-selected | 4,50 : 1 | 7,89 : 1 | 5,58 : 1 |
pux-on-accent | pux-accent | 4,50 : 1 | 12,26 : 1 | 6,48 : 1 |
pux-on-accent | pux-accent-hover | 4,50 : 1 | 10,26 : 1 | 8,68 : 1 |
pux-danger | pux-surface | 4,50 : 1 | 8,06 : 1 | 7,40 : 1 |
pux-warning | pux-surface | 4,50 : 1 | 10,94 : 1 | 7,16 : 1 |
pux-success | pux-surface | 4,50 : 1 | 11,03 : 1 | 7,31 : 1 |
pux-info | pux-surface | 4,50 : 1 | 9,89 : 1 | 7,83 : 1 |
pux-border-control | pux-canvas | 3,00 : 1 | 5,63 : 1 | 4,08 : 1 |
pux-border-control | pux-surface | 3,00 : 1 | 5,16 : 1 | 4,38 : 1 |
pux-border-control | pux-raised | 3,00 : 1 | 4,50 : 1 | 3,76 : 1 |
pux-focus | pux-canvas | 3,00 : 1 | 12,26 : 1 | 6,04 : 1 |
pux-focus | pux-surface | 3,00 : 1 | 11,24 : 1 | 6,48 : 1 |
pux-focus | pux-raised | 3,00 : 1 | 9,81 : 1 | 5,56 : 1 |
02 · Tüüp
Geist Sans ja Geist Mono. Igal rollil on suurus, reavahe, kaal ja tracking koos. Tracking ei ole üks väärtus kõigile suurustele: see tuleb kõverast.
display64px / 1.06 · 600 · -0.035emSee where your website creates friction.page36px / 1.18 · 600 · -0.025emHere is where to start.section24px / 1.25 · 600 · -0.013emImplementation plantitle20px / 1.4 · 600 · -0.007emThe hero gives two actions equal weightmetric40px / 1.1 · 550 · -0.03em€249reading17px / 1.6 · 400 · 0emThe captured hero gives two actions similar emphasis. This may increase decision effort at the first step.body16px / 1.5 · 400 · 0emStart with an automated UX audit. Review the findings, understand the evidence, and decide what to fix next.label14px / 1.43 · 550 · 0emContinue to secure paymentcaption13px / 1.54 · 400 · 0.005emNo login required to start. Read-only page capture.micro12px / 1.5 · 500 · 0.009emCaptured 23 Sep 2026 · 1440 × 1000eyebrow12px / 1.5 · 550 · 0.06emEVIDENCEmono-meta12px / 1.5 · 500 · 0emord_7Q2K · 0f9c392
03 · Kuju, ruum ja sihtmärgid
Raadius
pux-radius-small0.5rempux-radius-control0.75rempux-radius-card1rempux-radius-panel1.5rempux-radius-pill999px
Ruum
pux-space-40.25rempux-space-80.5rempux-space-161rempux-space-241.5rempux-space-322rempux-space-483rempux-space-644rempux-space-966rem
Puutesihtmärk
Iga juhtelement on vähemalt 2.75rem (44 × 44), põhitegevus 3rem (48).
Paigutuse laiused
- Vorm · 512 px
- Lugemine · 680 px
- Turundus · 1200 px
- Tööruum · 1440 px
04 · Komponendid
Staatilised renditsioonid samadest tokenitest. Üks täidetud esmane tegevus otsustusgrupis; olek kannab alati sõna; mündiroheline on tegevuse värv, mitte „hea” värv.
Tume · vaiketeema
ProUXAudit
- Makse kinnitatud
- Audit käib
- Osaline audit
- Makse ei õnnestunud
Hele · eraldi määratud, mitte ümberpööratud
ProUXAudit
- Makse kinnitatud
- Audit käib
- Osaline audit
- Makse ei õnnestunud
Sõnamärk: Geist Bold −0,025 em, ainult UX tegevuse värviga. Ilma sümboli, punkti ja tühikuta. Kaar on märgistuses, mitte animatsioonikaadri ootel: taustakaart, print ja ekraanipildi tööline näevad sama numbrit.
05 · Leid otsuseks
Näide näitab, kuidas tähelepanekust saab kontrollitav otsus. Kõrge tõsidus on selle näite silt, mitte mõõdetud kliendileid.
Illustratiivne leiukaart · ei ole kliendiaudit
- 01
Vaatlus
Kaks võrdset esmast tegevust konkureerivad näidisavalehel tähelepanu pärast.
- 02
Tõend
Tõend on allpool avanev näidispaigutus kahe võrdse rõhuga tegevusega. See ei ole kliendi lehe kuvatõmmis.
Vaata näidispaigutust
Näidispaigutus · mitte kliendi kuvatõmmisMõlemad tegevused on siin tahtlikult sama rõhuga. Soovitus muudab ühe neist teiseseks.
- 03
Tõsidus
Kõrge · ainult näidis. Mõju ja järjekord vajavad päris teekonnal kinnitamist.
- 04
Soovitatud muudatus
Üks esmane tegevus: tee teine abistavaks ning säilita mõlemale selge silt.
- 05
Järelkontroll
Läbi kokkulepitud teekond brauseris enne ja pärast muudatust. Mõju hindamiseks on vaja eraldi sobivate külastajate lõpetamisandmeid.
06 · Liikumine
Vedrud kahe parameetriga: sumbuvus (ülevise) ja reaktsioon (kiirus). Ülevise tuleb hoost: visatud leht võib põrgata, äsja avanenud menüü mitte.
- Liigutus1 / 0,40 s
- Leht pärast viset0,8 / 0,30 s
- Pööre ja skoorirõngas0,8 / 0,40 s
- Leht ilma viseta1 / 0,30 s
- Animatsioon algab ekraanil olevast väärtusest, mitte sihtväärtusest.
- Lahtilaskmise kiirus antakse vedrule edasi; üle 400 px/s on vise.
- Leht suletakse, kui hoo projektsioon ületab 35 % kõrgusest – mitte kauguse- ega kiiruslävega.
- Vähendatud liikumise korral väärtus hüppab; tagasiside jääb, liikumine kaob.
Ava liikumislabor: lohista, viska, häälesta
Häälesta vedru
Lohista või viska
Lohista, viska või kasuta nooleklahve. Sihtpunkt valitakse hoo projektsioonist, mitte lahtilaskmise kohast.
- Lahtilaskmise kiirus
- —
- Projekteeritud maandumine
- —
- Valitud vedru
- —
Tüübikõver
Siit on mõistlik alustada.
Otsused ja reeglid
Värv antakse tähenduse järgi. Lõuend, pind, tõstetud pind ja valitud pind on tasandid; tekst ja vaigistatud tekst kannavad sisu; mündiroheline on tegevuse värv ühe täidetud esmase tegevuse jaoks otsustusgrupis ega tähenda kunagi „head”. Olekuvärv liigub alati koos sõna või ikooniga ning hele teema on eraldi määratud, mitte tumeda ümberpööramine. [4] Disainiviide · Disainisüsteemi dokumentatsioon · vaadatud
Läbikumav võib olla ainult navigatsioon; tõendid, leiud, hinnad ja vormid jäävad läbipaistmatuks ning kaarti ei vaigistata läbipaistvust vähendades. Sügavus kulgeb lõuendist sisu, navigatsiooni, hüpikakna, katte, dialoogi ja teateni ning vari tekib ainult sellele, mis päriselt katab teist tasandit. [4] Disainiviide · Disainisüsteemi dokumentatsioon · vaadatud
Geistil on üks kaalutelg ja puudub optilise suuruse telg, seega elab optiline töö tokenites. Iga roll määrab suuruse, reavahe, kaalu ja trackingu koos; tracking järgib logaritmilist kõverat −0,035 em-ist suurtel pealkirjadel kuni +0,012 em-ini väikseimal tekstil ning suurtähtedega on ainult eyebrow. [1] Vaadeldud · Versioonitud kood · vaadatud
Iga interaktiivne element on igal ekraanilaiusel vähemalt 44 × 44 pikslit ja põhitegevuse juhtelemendid 48 pikslit. Lugemislaius jääb 680 piksli juurde ja vormid 512 piksli juurde; pikk URL ei lükka lehte kunagi küljele. [1] Vaadeldud · Versioonitud kood · vaadatud
Vedrul on kaks parameetrit: sumbuvus ja reaktsioon. Animatsioon algab ekraanil olevast väärtusest, lahtilaskmise kiirus antakse vedrule edasi ning üle 400 px/s lahtilaskmine on vise, mis teenib 0,8 sumbuvuse; aeglane lahtilaskmine settib ülevisketa. Vähendatud liikumise korral väärtus hüppab, mitte ei liigu. [2] Vaadeldud · Versioonitud kood · vaadatud
Komponendi leping sisaldab vaikimisi, pooleliolevat, vigast, tühja ja taastatavat olekut. Väljal püsib silt, veateade nimetab paranduse ning punane toon üksi ei kanna veateadet. [5] Disainiviide · 1.2 disainiprototüüp · vaadatud „Järjekorras” ei tähenda „valmis” ja „makse kinnitatud” ei tähenda „audit tarnitud”. [6] Kavand · 1.2 disainiprototüüp · vaadatud
Telefonis jääb auditi alustamiseks nähtavale üks URL-väli ja järgmine tegevus; leiukaardi tõend ning soovitus mahuvad järjestusse ilma hõljutuse nõudeta. Tahvel ei ole venitatud telefon: laiem ruum võimaldab raporti tõendit ja otsust kõrvuti, säilitades lugemisjärje. Mõlemad paigutused on 1.2 disainiviited, mitte avalike seadmevaadete tootmiskinnitus. [5] Disainiviide · 1.2 disainiprototüüp · vaadatud
Süsteemi ei ole ainult kirjeldatud, seda jõustatakse. Tootehoidla tokenivärav kontrollib kontrasti igas teemas, tokenifaili ja stiililehe genereeritud piirkonna vastavust ning tüübikõverat ja hoiab failipõhiseid toorvärvide eelarveid, mis võivad ainult väheneda. Teine kontroll seob iga muudetud faili marsruutidega, mis seda renderdavad. [3] Vaadeldud · Versioonitud kood · vaadatud
Täpsed allikaviited
- [1] tokens-in-code · PROUXAUDIT repository, staging commit bee85a602a68e48729db2887f8189f47912071d4: apps/web/design-system/tokens.json, sha256 e3fc6d1f1c4022c4c1e7e28364cb986f94354db55d3e9295cb435c854181a7c5 (83 tokens, 11 of them legacy aliases; last changed in 6961e01, 2026-09-24)
- [2] spring-primitive · PROUXAUDIT repository, staging commit bee85a602a68e48729db2887f8189f47912071d4: apps/web/src/lib/spring.ts, sha256 abab1a51b56c29593ea84824bec98512151613982233142c8fd68a14736d4f4c (presets move 1.0/0.40 s, sheet 0.8/0.30 s, rotate 0.8/0.40 s; FLICK_VELOCITY 400 px/s)
- [3] token-gates · PROUXAUDIT repository, staging commit bee85a602a68e48729db2887f8189f47912071d4: apps/web/package.json scripts verify:design-tokens, tokens:generate and verify:proof-reachability; apps/web/scripts/lib/design-token-budget.mjs (per-file raw-utility budgets that only ratchet down; contrast in every theme, generated pux-* region, legacy aliases and type curve); .github/workflows/web-hardening-guardrails.yml runs verify:design-tokens on push and pull request
- [4] design-system-doc · ProUXAudit Design System documentation, version 1791020328-eb45: content fundamentals, colour, material, depth, type, layout, logo, iconography, 16 component primitives and 12 static app-shell and audit-panel renditions (1.2 Apple addendum with 1.3 review resolutions)
- [5] design-1-2-reference · ProUXAudit Design System 1.2, overview/foundations/components; SHA-256 E5D6DE5169999586AEEA44AAC2BD5B71413FA4AA8C66CFE52544E97335FE02E2
- [6] purchase-order-states · ProUXAudit Design System 1.2, views purchase/order/checkout/billing; source map 2026-09-24
Tõendid ja piirid
Tokenite väärtused, vedrude eelseaded ja väravaskriptid on loetud tootehoidlast staging-commitilt bee85a6 18. oktoobril 2026. See näitab, mida kood määratleb; see ei tõenda, et iga tootmisekraan loeb juba ainult neid rolle. Üksteist vana värvinime toimivad aliastena kuni oma migratsioonini. [1] Vaadeldud · Versioonitud kood · vaadatud
Kontrastinumbrid on arvutatud tokenite väärtustest, mitte mõõdetud ekraanil, ja need katavad rollipaarid, mida kasutusreeglid nimetavad, mitte kõiki võimalikke kombinatsioone. [3] Vaadeldud · Kontrastiarvutus · vaadatud
- septembri 2026 avalike pindade galerii kinnitab, milline nägi välja auditi sisestus ja jagatav raport sel kuupäeval. See ei mõõda kogu saidi ligipääsetavust, kasutajate arvu, maksete laekumist ega müügikasvu. Brauserikontroll ja kliendiga kokkulepitud eesmärk on vajalikud enne paranduste mõju hindamist. [6] Vaadeldud · Kuupäevaga case-galerii · vaadatud
Dokumentatsioon on laiem viide, kus on ka rakenduse raami, auditipaneelide ja kaubanduse kaardid. Kogu viidet saab sirvida ka interaktiivse platvormina: 28 komponenti tumedas ja heledas teemas, neist 16 on elavad React-komponendid (rakenduse originaalide järgi käsitsi kirjutatud renditsioonid) ja 12 on märgitud staatiliseks renditsiooniks. [4] Disainiviide · Disainisüsteemi dokumentatsioon · vaadatud See leht valib neist alused ning märgistab tööruumi ja ostuolekud kavandina; avaliku vaate kuvatõendit ei kanta üle nende vaadete tootmisväiteks. [7] Kavand · 1.2 disainiprototüüp · vaadatud
Väravaskriptid on hoidlas olemas ja jooksevad selle pideva integratsiooni töövoos; see leht ei avalda nende viimase jooksu tulemust. [2] Vaadeldud · Versioonitud kood · vaadatud
Seadmepaigutused ja muu 1.2 prototüübi käitumine on disainiviide; see leht ei väida, et kõik 1.2 prototüübi vaated oleksid testitud. [5] Disainiviide · 1.2 disainiprototüüp · vaadatud
Täpsed allikaviited
- [1] tokens-in-code · PROUXAUDIT repository, staging commit bee85a602a68e48729db2887f8189f47912071d4: apps/web/design-system/tokens.json, sha256 e3fc6d1f1c4022c4c1e7e28364cb986f94354db55d3e9295cb435c854181a7c5 (83 tokens, 11 of them legacy aliases; last changed in 6961e01, 2026-09-24)
- [2] token-gates · PROUXAUDIT repository, staging commit bee85a602a68e48729db2887f8189f47912071d4: apps/web/package.json scripts verify:design-tokens, tokens:generate and verify:proof-reachability; apps/web/scripts/lib/design-token-budget.mjs (per-file raw-utility budgets that only ratchet down; contrast in every theme, generated pux-* region, legacy aliases and type curve); .github/workflows/web-hardening-guardrails.yml runs verify:design-tokens on push and pull request
- [3] contrast-1-3 · WCAG 2.x relative-luminance calculation of 22 role pairs in the dark and light themes, from the tokens.json at PROUXAUDIT staging bee85a6; computed when the page is built
- [4] design-system-doc · ProUXAudit Design System documentation, version 1791020328-eb45: content fundamentals, colour, material, depth, type, layout, logo, iconography, 16 component primitives and 12 static app-shell and audit-panel renditions (1.2 Apple addendum with 1.3 review resolutions)
- [5] design-1-2-reference · ProUXAudit Design System 1.2, overview/foundations/components; SHA-256 E5D6DE5169999586AEEA44AAC2BD5B71413FA4AA8C66CFE52544E97335FE02E2
- [6] public-audit-report-surfaces · ProUXAudit case, public audit and report gallery captured 2026-09-12
- [7] purchase-order-states · ProUXAudit Design System 1.2, views purchase/order/checkout/billing; source map 2026-09-24
Järgmine ühine samm
Kui sul on olemas audit või probleemne teekond, saame ühe olulise leiu koos läbi vaadata: kinnitame selle brauseris, järjestame mõjuga muudatused ning lepime kokku kuni kolme paranduse või uue veebi töömahu. Pärast teostust kontrollime sama teekonda uuesti; muutuse mõju mõõtmine vajab eraldi andmeid. [2] Disainiviide · 1.2 disainiprototüüp · vaadatud
Kui sinu toode vajab sama distsipliini – üks tokenifail, arvutatud kontrast, kindlate parameetritega liikumine –, saada avalik URL ja liides, mida soovid stabiliseerida. Esimene väljund on kasutusel olevate väärtuste inventuur ja ettepanek, millest saavad tokenid. [1] Disainiviide · Disainisüsteemi dokumentatsioon · vaadatud
Täpsed allikaviited
- [1] design-system-doc · ProUXAudit Design System documentation, version 1791020328-eb45: content fundamentals, colour, material, depth, type, layout, logo, iconography, 16 component primitives and 12 static app-shell and audit-panel renditions (1.2 Apple addendum with 1.3 review resolutions)
- [2] design-1-2-reference · ProUXAudit Design System 1.2, overview/foundations/components; SHA-256 E5D6DE5169999586AEEA44AAC2BD5B71413FA4AA8C66CFE52544E97335FE02E2
Sinu süsteem
Kui vajad sarnast süsteemi, vasta päringus kolmele küsimusele:
- Mis bränd või toode see on?
- Mitu pinda (veeb, äpp, trükis …)?
- Millal peab see valmis olema?