LEISSONCREATIVE
ETEN

Kõik süsteemid / axondeck

AxonDeck Design System v2.1

DJ-kabiini liidese disainisüsteem: üks tokeniallikas veebile, Windowsi töölauale ja turundusele. Koodis olevad v2.0 tokenid, v2.1 otsused ja Daylight-teema kavand on eri tõendikihid.

Süvavaade: Design System v2.1Materjali staatus: Disainiviide

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.

Pimedas DJ-kabiinis peab kriitiline info olema loetav ühe pilguga.

Professionaalsele tööriistale, millel on veeb ja töölauarakendus. · veeb, Windowsi töölaud, turundus

komponenti
25
teemat
3
renderdust, 0 axe-viga
372

Küsi sarnast süsteemi →

Pime kabiin, üks kell

AxonDeck loeb DJ-kabiini Pro DJ Link võrgust tempo ja faasi ning saadab sama kella edasi Ableton Linki, MIDI Clocki, MTC, OSC ja valgusjuhtimise seadmetele. Liides elab kohas, kus on pime, vali ja kitsas: sülearvuti kohvri peal, tahvel käes või monitor kolme meetri kaugusel. Disainisüsteemi lähteülesanne tuli sellest keskkonnast, mitte maitsest. [1] Vaadeldud · Versioonitud kood · vaadatud

Süsteemi juurpõhjus oli tehniline: veebiliides ja Windowsi töölauarakendus olid arenenud eraldi, eri tsüaani, eri tausta ja eri kirjaga. v2.0 viis mõlemad ühele tokeniallikale; v2.1 lisab nummerdatud otsuskirjed, ümberarvutatud kontrastid ja heleda pinna kavandi. [2] Vaadeldud · Versioonitud kood · vaadatud [3] Disainiviide · v2.1 disainisüsteem · vaadatud

Täpsed allikaviited
  • [1] dna-2-0-codebase · AxonDeck repository commit d22650215ba3798c3af695459e12272e4a111387 (2026-03-31): AxonDeck.WebUI v1.2.0 src/styles/tokens.css, src/styles/index.css, src/themes/presets.ts; AxonDeckUI UI/Themes/AxonDeckDefault.xaml; Design DNA v2.0 Master Plan
  • [2] source-audit · AxonDeck source audit of commit d22650215ba3798c3af695459e12272e4a111387 and axondeck.com repository commit e514d2fa7037662fad0dcbe45ad882c3a54f7ac7; drift register in AxonDeck Design System v2.1, chapter 11
  • [3] design-system-2-1 · AxonDeck Design System v2.1, version 1792256495-1619: tokens.json (Abyss, Daylight and High contrast themes), 12 chapters, 25 components and 5 composed screens (16 in the React bundle), decision records D-01 to D-17, 372 renders at 360, 390, 820 and 1180 px in all three themes with 0 clipped text, 0 page overflow, 0 text under 11 px and 0 axe-core violations; https://claude.ai/artifact/Ue9aXbBQZEuFraHeF1ZMhD

Tempo näit kahes teemas

Näidisandmed · tempo näit 126.50 BPM ning kolm olekut – faas lukus, triiv ja ühendus katkenud – kahes teemas. Abyss on koodis olev tooteteema; Daylight on v2.1 kavand veebi, dokumentide ja trüki jaoks. Leht ei ühendu ühegi seadmega ega näita päris kabiini andmeid. [1] Disainiviide · v2.1 disainisüsteem · vaadatud [2] Kavand · v2.1 disainisüsteem · vaadatud

Iga paari kõrval on WCAG 2.x valemiga arvutatud kontrast: Axon Cyan #00FFD1 Abyss-taustal #03030A annab 15,89 : 1, valgel aga ainult 1,29 : 1. Seetõttu ei kasuta Daylight tsüaani tekstina; aktsent liigub sama tooni tumedamale väärtusele #007A63 (5,30 : 1). Arvud on arvutatud, mitte ekraanil mõõdetud. [3] Vaadeldud · Kontrastiarvutus · vaadatud [2] Kavand · v2.1 disainisüsteem · vaadatud

Täpsed allikaviited
  • [1] design-system-2-1 · AxonDeck Design System v2.1, version 1792256495-1619: tokens.json (Abyss, Daylight and High contrast themes), 12 chapters, 25 components and 5 composed screens (16 in the React bundle), decision records D-01 to D-17, 372 renders at 360, 390, 820 and 1180 px in all three themes with 0 clipped text, 0 page overflow, 0 text under 11 px and 0 axe-core violations; https://claude.ai/artifact/Ue9aXbBQZEuFraHeF1ZMhD
  • [2] daylight-theme · AxonDeck Design System v2.1, chapter 03 Daylight derivation and decision record D-07; not used by WebUI or WPF code
  • [3] contrast-computation · WCAG 2.x relative-luminance calculation of AxonDeck Default and Daylight text pairs; AxonDeck Design System v2.1, chapter 10
Näidisandmed · v2.0 tokenid koodis ja v2.1 Daylight-kavand · kabiiniühendust ei ole

Sama tempo näit ja kolm olekut kahes teemas. Iga rida näitab sõna, ikooni, tokeni väärtust ja arvutatud kontrasti tausta suhtes. See leht ei loe ega saada ühegi seadme andmeid.

Abyss · toode, koodis (v2.0)

Master Tempo126.50BPMaccent #00FFD1 · 15,89 : 1 kontrast
  • Faas lukusTriiv −0,4 ms master-kella suhtesaccent #00FFD1 · 15,89 : 1
  • Triiv+6,2 ms master-kella suhteswarning #F5A623 · 10,15 : 1
  • Ühendus katkenudLugemisrežiim · viimased väärtused allesdanger #FF4D6A · 6,39 : 1

Daylight · veeb ja trükk, kavand (v2.1)

Master Tempo126.50BPMaccent #007A63 · 5,30 : 1 kontrast
  • Faas lukusTriiv −0,4 ms master-kella suhtesaccent #007A63 · 5,30 : 1
  • Triiv+6,2 ms master-kella suhteswarning #9A5B00 · 5,43 : 1
  • Ühendus katkenudLugemisrežiim · viimased väärtused allesdanger #C42347 · 5,71 : 1

Kontrast on arvutatud WCAG 2.x suhtelise heleduse valemiga tausta suhtes, mitte mõõdetud ekraanil. Daylight on kavand: WebUI ega WPF seda veel ei kasuta.

Otsused ja reeglid

Ainus aktsent on Axon Cyan ja see tähendab aktiivset, korras ja lukus olekut. Edu ei ole roheline, vaid sama brändivärv: terve süsteem näeb välja nagu AxonDeck ja teine aktsent ei konkureeri perifeerses vaates. Tempo näit on alati aktsendivärvis; tervist näitavad selle kõrval olevad olekusildid. [1] Vaadeldud · Versioonitud kood · vaadatud

Muutuvad arvud – BPM, millisekundid, faas ja IP-aadressid – on JetBrains Mono tabelinumbritega, et tempo muutus ei nihutaks paigutust. Inimloetav tekst on Inter; logo ja kasutajaliides jagavad sama kirjaperet. [1] Vaadeldud · Versioonitud kood · vaadatud

Olek ei toetu ainult värvile: igal olekul on sõna ja Lucide ikoon, kõrge kontrasti režiimis lisaks kuju. Puutealad on vähemalt 48 px ja laivirežiimis 56 px, sest kabiinis on käed higised ja valgus vilgub. [1] Vaadeldud · Versioonitud kood · vaadatud [2] Disainiviide · v2.1 disainisüsteem · vaadatud

Seadmed on eri töökohad, mitte sama ekraani skaleeritud koopiad: 12 veergu kabiini monitoril, 8 sülearvutil, 4 tahvlil ja 2 telefonis, kusjuures paneel reageerib oma laiusele. v1.1 HTML-prototüübid renderdati selle lehe jaoks 1440, 1194 ja 390 px laiusel; telefonis läks laivirežiimi prototüüp üle ääre ning v2.1 lisas selle jaoks eraldi telefonipaigutuse. [4] Disainiviide · Prototüübi renderdus · vaadatud [2] Disainiviide · v2.1 disainisüsteem · vaadatud

Ühenduse katkemisel ei kata liidest modaalaken: viimased väärtused jäävad nähtavaks, ekraan läheb lugemisrežiimi ja teade ütleb põhjuse, mõju ning selle, mis on endiselt ohutu. Kell jookseb deemonis edasi ka siis, kui kasutajaliides taaskäivitub. [1] Vaadeldud · Versioonitud kood · vaadatud

Vastuolud lahendatakse nummerdatud otsuskirjetena D-01 kuni D-17, näiteks sõnamärgi kirjatüüp, logo helendus ja laivirežiimi puuteala. Puudused nagu valge tekst korallnupul (3,22 : 1) ja nähtamatu sisestusvälja piir on parandatud uute tokenitena, mitte ühekordsete eranditena. [2] Disainiviide · v2.1 disainisüsteem · vaadatud [3] Vaadeldud · Kontrastiarvutus · vaadatud

Täpsed allikaviited
  • [1] dna-2-0-codebase · AxonDeck repository commit d22650215ba3798c3af695459e12272e4a111387 (2026-03-31): AxonDeck.WebUI v1.2.0 src/styles/tokens.css, src/styles/index.css, src/themes/presets.ts; AxonDeckUI UI/Themes/AxonDeckDefault.xaml; Design DNA v2.0 Master Plan
  • [2] design-system-2-1 · AxonDeck Design System v2.1, version 1792256495-1619: tokens.json (Abyss, Daylight and High contrast themes), 12 chapters, 25 components and 5 composed screens (16 in the React bundle), decision records D-01 to D-17, 372 renders at 360, 390, 820 and 1180 px in all three themes with 0 clipped text, 0 page overflow, 0 text under 11 px and 0 axe-core violations; https://claude.ai/artifact/Ue9aXbBQZEuFraHeF1ZMhD
  • [3] contrast-computation · WCAG 2.x relative-luminance calculation of AxonDeck Default and Daylight text pairs; AxonDeck Design System v2.1, chapter 10
  • [4] prototype-renders · AxonDeck Brand v1.1 HTML prototypes dated 2026-03-04 (Live Gig Mode, God-Mode, Tech Ops, Security and Routing, Visualizer) rendered in Chromium at 1440, 1194 and 390 px

Tõendid ja piirid

Koodis vaadeldud on AxonDeck Default tokenid WebUI v1.2.0 failides tokens.css, index.css ja presets.ts ning WPF-i teemas AxonDeckDefault.xaml. Need tõendavad tokenite väärtusi, mitte kõigi komponentide valmidust ega töötava kabiini käitumist. [1] Vaadeldud · Versioonitud kood · vaadatud

Sama auditi kõrvalekallete register on süsteemi avalik osa: vana tsüaan #00F0FF PWA manifestis, WPF-is Segoe UI ja Consolas, tööriistaribal emoji-ikoonid ning sidumata laivirežiimi lüliti. Need on nimetatud, mitte peidetud. [2] Vaadeldud · Versioonitud kood · vaadatud

AxonDeck Design System v2.1 on versioonitud disainiviide: tokenid kolmes teemas, 12 põhjendustega peatükki, 25 komponenti ja 5 kokkupandud ekraani (sh telefon ja tahvel), millest 16 on React-komponendid. Iga eelvaade on kontrollitud laiustel 360, 390, 820 ja 1180 px kõigis kolmes teemas: 372 renderdust, 0 kärbitud teksti ja 0 axe-rikkumist. Daylight- ja kõrge kontrasti teema on kavandid; WebUI ega WPF-i kood neid veel ei kasuta. Kogu süsteem on sirvitav ka interaktiivse platvormina: komponendid töötavad päris koodiga kolmes teemas ja neljal seadmelaiusel. [3] Disainiviide · v2.1 disainisüsteem · vaadatud [4] Kavand · v2.1 disainisüsteem · vaadatud

Prototüüpide renderdused on tehtud kohalikest v1.1 failidest 17.10.2026 ja näitavad kavandatud käitumist, mitte töötavat toodet. AxonDecki avalik sait on ajutiselt maas, seega ei viita see leht elavale tootele. [5] Disainiviide · Prototüübi renderdus · vaadatud

Täpsed allikaviited
  • [1] dna-2-0-codebase · AxonDeck repository commit d22650215ba3798c3af695459e12272e4a111387 (2026-03-31): AxonDeck.WebUI v1.2.0 src/styles/tokens.css, src/styles/index.css, src/themes/presets.ts; AxonDeckUI UI/Themes/AxonDeckDefault.xaml; Design DNA v2.0 Master Plan
  • [2] source-audit · AxonDeck source audit of commit d22650215ba3798c3af695459e12272e4a111387 and axondeck.com repository commit e514d2fa7037662fad0dcbe45ad882c3a54f7ac7; drift register in AxonDeck Design System v2.1, chapter 11
  • [3] design-system-2-1 · AxonDeck Design System v2.1, version 1792256495-1619: tokens.json (Abyss, Daylight and High contrast themes), 12 chapters, 25 components and 5 composed screens (16 in the React bundle), decision records D-01 to D-17, 372 renders at 360, 390, 820 and 1180 px in all three themes with 0 clipped text, 0 page overflow, 0 text under 11 px and 0 axe-core violations; https://claude.ai/artifact/Ue9aXbBQZEuFraHeF1ZMhD
  • [4] daylight-theme · AxonDeck Design System v2.1, chapter 03 Daylight derivation and decision record D-07; not used by WebUI or WPF code
  • [5] prototype-renders · AxonDeck Brand v1.1 HTML prototypes dated 2026-03-04 (Live Gig Mode, God-Mode, Tech Ops, Security and Routing, Visualizer) rendered in Chromium at 1440, 1194 and 390 px

Järgmine ühine samm

Kui sinu toode peab töötama nii tumedal kui ka heledal pinnal või mitmes tehnoloogias korraga, saame kaardistada ühe kriitilise oleku, tuletada tokenid mõlemale pinnale ja arvutada iga tekstipaari kontrasti enne kujundust. Üleandmine sisaldab tokenifaili, otsuskirjeid ja kontrollküsimusi; tootmisintegratsioon vajab eraldi kokkulepet. [2] Disainiviide · v2.1 disainisüsteem · vaadatud [3] Vaadeldud · Kontrastiarvutus · vaadatud

Kirjelda kontaktis olukorda, kus kasutaja ei saa ühe pilguga aru, kas süsteem on korras. Alustame sellest olekust ja märgime selgelt, mis on koodis vaadeldud, mis on disainiviide ja mis on kavand. [1] Vaadeldud · Versioonitud kood · vaadatud

Täpsed allikaviited
  • [1] dna-2-0-codebase · AxonDeck repository commit d22650215ba3798c3af695459e12272e4a111387 (2026-03-31): AxonDeck.WebUI v1.2.0 src/styles/tokens.css, src/styles/index.css, src/themes/presets.ts; AxonDeckUI UI/Themes/AxonDeckDefault.xaml; Design DNA v2.0 Master Plan
  • [2] design-system-2-1 · AxonDeck Design System v2.1, version 1792256495-1619: tokens.json (Abyss, Daylight and High contrast themes), 12 chapters, 25 components and 5 composed screens (16 in the React bundle), decision records D-01 to D-17, 372 renders at 360, 390, 820 and 1180 px in all three themes with 0 clipped text, 0 page overflow, 0 text under 11 px and 0 axe-core violations; https://claude.ai/artifact/Ue9aXbBQZEuFraHeF1ZMhD
  • [3] contrast-computation · WCAG 2.x relative-luminance calculation of AxonDeck Default and Daylight text pairs; AxonDeck Design System v2.1, chapter 10
Vaata seotud töödKüsi pakkumist

Sinu süsteem

Kui vajad sarnast süsteemi, vasta päringus kolmele küsimusele:

  1. Mis bränd või toode see on?
  2. Mitu pinda (veeb, äpp, trükis …)?
  3. Millal peab see valmis olema?

Alusta päringut

Tagasi süsteemide juurde · llms.txt