Arculat hozzáadása

workflow-check-brand/README.md

@@ -0,0 +1,36 @@
+# Workflow Check arculati csomag
+
+Az **A jel** a webes arculat fő eleme: gyártási folyamat, ellenőrzési pontok és sikeres lezárás. A **B jel** a mobilalkalmazás ikonja.
+
+## Színek
+
+| Név | HEX | Használat |
+|---|---:|---|
+| Deep Navy | `#0B1F3A` | oldalsáv, fő szöveg, elsődleges felület |
+| Process Blue | `#123C69` | gombok, linkek, köztes állapot |
+| Check Blue | `#38BDF8` | aktív elem, pipa, fókusz |
+| Light Blue | `#BAE6FD` | aktív menü, táblázatfejléc |
+| White | `#FFFFFF` | tartalom és kontraszt |
+
+## Webes bekötés
+
+Másold az `assets` és `css` könyvtárat a webprojekt `wwwroot` mappájába, majd a layout `<head>` részében:
+
+```html
+<link rel="icon" href="~/assets/favicon/favicon.ico" sizes="any">
+<link rel="icon" href="~/assets/favicon/favicon.svg" type="image/svg+xml">
+<link rel="apple-touch-icon" href="~/assets/favicon/apple-touch-icon.png">
+<link rel="stylesheet" href="~/css/workflow-check.css" asp-append-version="true">
+```
+
+A `workflow-check.css` a többi fájlt importálja, ezért ezt kell utolsó saját CSS-ként betölteni. A csomag Bootstrap 5 és DataTables felülírásokat is tartalmaz.
+
+## Fájlhasználat
+
+- `workflow-check-logo.svg`: világos hátterű fejléc, belépőoldal, dokumentum.
+- `workflow-check-logo-dark.svg`: sötét oldalsáv vagy sötét fejléc.
+- `workflow-check-symbol.svg`: kompakt webes jel.
+- `workflow-check-app-icon.svg/png`: mobilalkalmazás forrásikon.
+- `favicon.*`: böngésző és kezdőképernyő ikonok.
+
+Az SVG a szerkeszthető mester. A PNG és ICO változatokat ebből kell származtatni.