Úř OSK SOJ — Odbor obranné standardizace

Digitální knihovna ČOS — design system

Návrhový systém a interaktivní prototyp digitální knihovny obranných standardů. Tři vstupy: katalog komponent, prototyp aplikace a datový náhled reálného registru.

Component playground Všechny komponenty a compoundy systému — typografie, barvy, ovládací prvky, karty, tabulky, animace. Prototyp — Digitální knihovna Katalog → detail → žádost → Moje knihovna / Moje žádosti. Plně klikatelný, s historií prohlížeče. Dataset preview QA náhled reálného registru (2 597 dokumentů) — tabulka, filtry, metadatový dialog.

O projektu

Návrhový systém a vysokověrný prototyp Digitální knihovny ČOS — katalogu českých obranných standardů (ČOS) a souvisejících dokumentů NATO (STANAG, STANREC, AP), který provozuje Odbor obranné standardizace (OOS) při Úř OSK SOJ.

Knihovna není nová značka. Jde o doménovou adaptaci Design systému gov.cz a Jednotného vizuálního stylu státní správy (JVS): jedna primární modrá, písmo Czechia Sans, ikony Bootstrap Icons, klidný „úřední“ tón bez dekorace.

Technicky jde o statické soubory bez build kroku — tokeny a základní styly nese colors_and_type.css, komponenty žijí jako sdílené části (preview/_*.css + _*.js) a prototyp je skládá dohromady. React + Babel (z CDN) používá jen několik stránek; vše ostatní je čisté HTML/CSS/JS.

  • Design systém gov.cz
  • JVS · Czechia Sans
  • Bootstrap Icons
  • React 18 + Babel (CDN)
  • bez backendu · localStorage

Dokumentace

README.md Celkový popis systému — obsah, barvy, typografie, ikonografie. Náhled níže. DEPLOY.md Nasazení na statický hosting (Cloudflare Pages) — co nahrát a co vynechat. SKILL.md Přenositelný skill manifest pro Claude Code / agentní nástroje. CLAUDE.md Pracovní instrukce pro AI agenty v tomto projektu. notes/architecture.md Architektura compoundů, CSS vrstev a animačního kontraktu. notes/decisions.md Závazná návrhová rozhodnutí — projektová paměť. notes/pitfalls.md Známé pasti a ponaučení z vývoje.

Soubory se otevřou v náhledu přímo na této stránce; odkaz v záhlaví dialogu vede na prostý Markdown. Adresář notes/ je interní — do nasazení se nenahrává (viz DEPLOY.md).

Ke stažení — offline verze

Prototyp — jeden soubor Celý interaktivní prototyp v jediném HTML — funguje offline, bez serveru. Digitální knihovna ČOS - prototyp (offline).html Dataset preview — jeden soubor Náhled reálného registru (2 597 dokumentů) v jediném HTML — funguje offline. Digitální knihovna ČOS - dataset preview (offline).html

Soubory jsou samostatné — stačí je předat kolegovi a otevřít dvojklikem, i bez připojení. Stav (motiv, oblíbené) se ukládá lokálně v prohlížeči.

Nástroje pro vývojáře

Reference parser tests Testovací sada parseru referencí „Související dokumenty“ · test-related-parse.html Babel parse harness Syntaktická brána — Babel-parse všech JSX a skriptových bloků · test-babel-parse.html

Náhled — README.md

Načítám README.md…

Statický web bez backendu — stav (motiv, oblíbené, nastavení) žije v localStorage prohlížeče. Viz DEPLOY.md pro nasazení.