Design tokeny a komponenty extrahované z axis.archdesign.cz · font Montserrat · Bootstrap 5 theme · v1 (2026-06-23)
Brand barvy + sémantická paleta + neutrály. Hodnoty jsou přesné hex z běžícího AXISu.
Font Montserrat. Základ 16 px / line-height 1.5. Nadpisy 800/700.
Spacing podle 4px škály. Radius: tlačítka 8px, pole 10px, badge pill 100px.
Montserrat 700 · radius 8px · výška 44px (sm 36px) · padding 9/15px. Hover plně vybarví.
Modifikátory šířky: btn-width-50, btn-width-100 (ikonová / fixní tlačítka).
Vzor z AXIS „Vytvořit režijní zakázku" (/projects/create). Karta .ax-form-card je VYCENTROVANÁ (margin:0 auto, max-width 1170px). Pole v responzivní mřížce .ax-row + .ax-col-12/6/4/3 (víc polí na řádek, na úzkém okně se stackují). Pole: border #c8c8c8 · radius 10px · výška 48px. Labely malé/tlumené (14/400/#6c757d). Dropdowny = Choices.js. CTA: lišta vycentrovaná, margin-top:50px; primární .ax-btn--submit = jasný #80ffdb, text #343a40, 18/700, ikona save.
⚠ Radio i checkbox = ČTVERCOVÝ box 48×48 (AXIS nemá kulaté; ověřeno 2026-07-03 na „Vytvořit kontakt"). Checked = azurový tint #E1F9FF + 2px azurová + SVG fajfka. Text vedle boxu, gap 20px.
Karta vycentrovaná max-width 1170px · mřížka .ax-row/.ax-col-* · povinná pole label.is-required · dropdowny .choices (Choices.js) · custom radio/checkbox 48px · submit #A7EEFF (Uložit, rebrand 2026-07-03) 18/700 + ikona save, lišta center margin-top:50px.
Hlavička 700/#343a40 · buňky padding 8px · oddělovače #dee2e6 · hover řádku #edeff5.
| Název | IČO | Město | Stav | Akce |
|---|---|---|---|---|
| ArchDesign s.r.o. | 27082440 | Praha | Aktivní | |
| Stavby Novák | 10458921 | Brno | Čeká | |
| Projekt Plus | 63487112 | Ostrava | Zrušeno |
Dle AXIS: čtverce 40×40, radius 4. Neaktivní bílé (#c8c8c8 okraj, text #6c757d), aktivní plný tyrkys. Patička seznamu = počet řádků vlevo, pager vpravo. Na 1. straně se „‹" nezobrazuje.
Pill (radius 100px) · 14px/700. Outline varianta (bílé pozadí, barevný okraj) i plná.
13px · padding 13/17px · aktivní = modrý spodní okraj + tučně.
Typický řádek nad seznamem: vyhledávání + filtrační a akční tlačítka zarovnaná vpravo.
Vzor z „Stav fakturace": hlavička sekce s názvem (18px/700) a akcemi vpravo, hustší report tabulka a souhrnný řádek.
⚠ Hlavička výkazu (.ax-report-head, 2026-07-03): logo společnosti z filtru v boxu 72×72 (border #c8c8c8, radius 10) + název firmy 18/700 + meta řádek (období, středisko). Dle staré app (logo v tabulce), ohnuto do AXIS — logo mimo tabulku, nad ní. Použití: Výkazy.
| Zakázka | Klient | Fakturováno | Uhrazeno | Zbývá |
|---|---|---|---|---|
| Z-2024/118 | ArchDesign s.r.o. | 120 000 Kč | 120 000 Kč | 0 Kč |
| Z-2024/132 | Stavby Novák | 85 000 Kč | 40 000 Kč | 45 000 Kč |
| Z-2024/140 | Projekt Plus | 210 000 Kč | 0 Kč | 210 000 Kč |
| Celkem | 415 000 Kč | 160 000 Kč | 255 000 Kč |
Finanční/číselné buňky: zarovnané vpravo (.ax-num), tabulkové číslice, souhrny tučně (.ax-num--total).
AXIS používá Chart.js (canvas). Barvy sérií: tokeny --ax-chart-1..5.
Vzory ze sekce Administrace (práva, role, štítky, nastavení) — stejný theme jako aplikace.
Štítky využívají standardní pill badge. Tabulky, formuláře a karty v administraci jsou shodné s aplikací.
AXIS používá Material Symbols Rounded (ligatury). HTML výstup musí načíst font přes Google Fonts.
⚠ Tlačítko Filtrovat (.ax-filter__submit) = požadavek klienta — AXIS filtr potvrzení nemá. Vizuál dle AXIS primární akce, výška lícuje s poli, vždy poslední prvek polí.
⚠ Zhuštěno 2026-07-03 (klient): pole filtru 36px/14px/š.200, ikona 36px box, titulek 16px, odsazení 20px. AXIS originál = pole 48px, box 44, odsazení 30. Create-formuláře zůstávají v AXIS rozměrech (48px).
Aktivní filtr (.is-active): vybraná hodnota zbarví CELÝ box azurovým tintem #E1F9FF + okraj #02D0EC (viz „Stav" výše; dle „barvy.pdf"). Odvozeno z AXIS chipu uvnitř pole — Docházka je single-select, proto celý box (2026-07-03).
Heatmapa pro „Kontrola vykázaných hodin": řádek = pracovník (sticky), sloupec = den, barva buňky = stav. Sticky první sloupec, hlavička i sloupec součtu. Stavové barvy = jemné tinty AXIS palety (ne syté barvy staré app). Při přetečení se vodorovně scrolluje.
| Pracovník | 1Po | 2Út | 3St | 4Čt | 5Pá | 6So | 7Ne | Σ hod. |
|---|---|---|---|---|---|---|---|---|
| Novák Jan | 32 | |||||||
| Svobodová Eva | 40 |
Komponenta: .ax-matrix + .ax-cell--work/weekend/none/issue · sticky: .ax-matrix__name (left), thead th (top), .ax-matrix__total (right) · legenda .ax-legend. Tinty: --ax-success-tint/-info-tint/-danger-tint/-none-bg.