To galeria koncepcji — Panel nie jest tu aktywny Demo hubGaleria← aios
00-A·Tokeny · Aion Automation · dark-first·Operator Aion + Klient·hex tylko w :root (dark) i [data-theme="paper"] (opcjonalny)

Dark · :root (domyślny dla wszystkich ról)

default
--bg#0e0e0f
--card#161617
--surface-2
--surface-3
--line#2e2e32
--line-soft
--text#e8e8ea
--muted#9a9aa0
--ok#7d9b84
--warn#b8a06a
--critical#c47a72
--teal tylko JSON-LD preview#6f9b98
--blue tylko JSON-LD preview#8a97bd
--purple (zadeklarowany, nieużywany)#9a8bb0
--accent-op srebro marki
--accent-cl srebro miękkie · skorygowane
Pasek desaturacji · stosunek luminancji (po prawej filtr szarości) · próg 1,5:1
CTA silver vs badge warn1.52:1 · wyraźne
CTA klient vs badge warn1.75:1 · wyraźne
accent vs ok1.83:1 · wyraźne
accent vs critical1.98:1 · wyraźne
Kontrast AA · tekst 12 px na --card (pomiar na żywo)
TokenWartośćPróbka 12 pxStosunekAA
Ostatni build · 12 min · 38 s
CTA operator (silver)
CTA klient
ghost
badge warn4 blockery
badge criticalblokuje wydanie
badge ok (tylko testy)AA
to samo w szarości
4 blockeryblokuje

Papier · [data-theme="paper"]

opcjonalny wariant
--bg#f3f3f4
--card#ffffff
--surface-2
--surface-3
--line#cfcfd3
--line-soft
--text#121214
--muted#6a6a70
--ok#4d7a59
--warn#85682a
--critical#9d544e
--teal tylko JSON-LD preview#3b7c79
--blue tylko JSON-LD preview#4b5c99
--purple (zadeklarowany, nieużywany)#6a5a7f
--accent-op srebro marki
--accent-cl srebro miękkie · skorygowane
Pasek desaturacji · stosunek luminancji (po prawej filtr szarości) · próg 1,5:1
CTA silver vs badge warn2.73:1 · wyraźne
CTA klient vs badge warn1.65:1 · wyraźne
accent vs ok2.89:1 · wyraźne
accent vs critical2.59:1 · wyraźne
Kontrast AA · tekst 12 px na --card (pomiar na żywo)
TokenWartośćPróbka 12 pxStosunekAA
Ostatni build · 12 min · 38 s
CTA operator (silver)
CTA klient
ghost
badge warn4 blockery
badge criticalblokuje wydanie
badge ok (tylko testy)AA
to samo w szarości
4 blockeryblokuje

Skala odstępów · 4 px

--sp-1 4 · 2 8 · 3 12 · 4 16 · 5 20 · 6 24 · 7 32 · 8 40 · 9 48

Rytm 8 px w sekcji, 40–48 px między sekcjami. Karty z dużym oddechem: padding 20–24.

Promienie i wymiary

--r-card 14 · --r-ctl 10 · --r-chip 999 · --tap 44 · --dur 140ms

--nav-w 244 · --nav-w-min 64 · --line-w 56 · --topbar-h 56 · --fold 810

Odcienie tylko przez color-mix

Aktywna pozycja menu 10 % akcentu, hover 6 %, tła badge 14–15 % tokenu. Halo i kule = radial-gradient z tokenów (motyw marki), nigdy gradient na kontrolce.

00-B·Motywy graficzne · fala · kule · halo · watermark · wordmark·wszystkie persony·z referencji: baner, avatar logo, ulotka
Fala linii40 hairline’ów · skręt wstęgi · stroke 0,9 px non-scaling · kolor --accent · opacity 0,35–0,55 · tylko hero Witaj, tło Start i ta plansza
Kule 3Dradial-gradient: --text → --accent → --surface-3 → --bg · obrys 22 % akcentu · dekoracja hero, nie kontrolka
AUTOMATION
Halo · centrum --bg, pierścień --accent 55 %, fade + 14 okręgów hairline
Watermark „aion”lemniskata + power-dot · --accent 8 % · przycięty overflow karty · prawy dolny róg
Wordmark aios · skala
ADMINAUTOMATIONAIONSTANDALONE

Monolinia geometryczna: a = koło + laska, i = laska + kropka, o = koło, s = dwa łuki 3/4. Stroke 9/100 wysokości, zaokrąglone końce, jeden kolor --accent. Uproszczenie ciągłej linii z logo do czystych form: brak fontu do licencjonowania, identyczny rendering w każdej przeglądarce. Sub-brand „ADMIN” / „AUTOMATION” w caps z trackingiem 0,14–0,18 em — jedyny wyjątek od zakazu wersalików, razem z ModeBadge.

Gdzie dekoracja jest dozwolona
  • Hero Witaj: halo za wordmarkiem + fala u dołu + 1–3 kule + watermark na kafelkach.
  • Tło Start (Puls podstawowy): fala 0,35 za powitaniem, watermark w prawym dolnym rogu treści.
  • Karty wyboru trybu, karta powitalna, drawer „Domyślne tryby”: watermark 8 %.
  • Nigdy: tabele, banery statusów, formularze, listy zdarzeń, menu systemu, AionLine.
  • Ruch: fala i kule statyczne. Jedyny ruch = 3 linie Witaj (≤ 600 ms) i skeleton.
00-C·Typografia · 7 stopni·wszystkie persony·--font-ui: "Segoe UI", "Helvetica Neue", system-ui · mono tylko ID / czas / hash
--fs-h1 · 32 / 300Witaj, Andrzej.Powitanie, tytuł hero (× 1,45 na Witaj). Light — nigdy heavy black.
--fs-num · 32 mono / 40037,20 / 50 USDLiczba główna StatusTile / StatCard, zawsze z jednostką.
--fs-h2 · 20 / 400Do zrobienia przed wydaniemTytuł strony w topbarze, tytuł karty ustawień, drawer.
--fs-title · 16 / 500Ostatnie zmianyNagłówek sekcji, tytuł kafla.
--fs-body · 14 / 400Directus zostaje edytorem treści; admin pokazuje to, czego Directus nie widzi: moduły, gate SEO, WebMCP, usage, exit.Tekst, komórki tabel, pozycje menu, przyciski.
--fs-meta · 12 / 400–500Ostatni build: ok · 12 min · 38 s · 4 artykuły · 2 autorów · 5 stronEtykiety, badge, okruszki, nagłówki tabel, signpost-row.
--fs-mini · 11 mono / capsLIVE · 09:51   UNVERIFIED   STALE · 26 h   7f3a9c2ADMINAIONEtykiety wiarygodności, hash, skróty — oraz jedyne caps: sub-brand i ModeBadge.

Zasady zapisu

  • Sentence case w całym UI: „Widok pełny”, nie „WIDOK PEŁNY”. Wersaliki wyłącznie w ADMIN i ModeBadge.
  • Liczby po polsku: przecinek dziesiętny, spacja przed jednostką i %: 37,20 USD · 74 %.
  • Separator „ · ”. Czas hh:mm, czas trwania 12 min · 38 s.

Wagi

  • 300 h1 / powitanie — jedyne miejsce light
  • 400 tekst, h2, liczby mono
  • 500 tytuły sekcji, badge, aktywna pozycja menu, przyciski — nic powyżej 500

Mono — gdzie tak, gdzie nie

  • Tak: 37,20, 09:51, aion-marketing, 7f3a9c2, ID autora, kod.
  • Nie: nagłówki, opisy, przyciski, etykiety menu, nazwy artykułów u klienta. Brand jest premium quiet, nie terminal.
00-D·Komponenty · stany · dark·Operator Aion (akcent srebro)·.status-tile .gate-table .conceal .mode-badge .kill-lock .diff-panel .event-stream .empty-checklist .skeleton .blocked-banner .stat-card .chart-bars .tabs .drawer .signpost-row .mode-switch

Przyciski

primary silver
hover
focus
tap 44
ghost outline
hover
ghost text
disabled (bez opacity)
pole
Szukaj artykułu…
focus
intencja-nie-keyword

Badge i etykiety wiarygodności

AA4 blockeryblokuje wydanieaios-seo2 autorów
LIVE · 09:51UNVERIFIEDSTALE · 26 hBLOCKED

Status = ikona + tekst + etykieta wiarygodności; kolor tylko na badge, krawędzi 2 px i liczniku. Karty zawsze neutralne --card. Cisza jako OK — bez badge, gdy nie ma problemu.

.mode-badge · .mode-switch

AIONSTANDALONEPodstawowyPełnyPodstawowyPełny

.conceal · sekrety

ukryty
••••••••••••••••
odsłonięty (auto-ukrycie po 5 s)
dctk_7f3a9c2e41b8

.kill-lock

.status-tile · trzy stany

BuildLIVE · 09:51
12 min38 s
ok · 4 artykuły · 2 autorów · 5 stron
Gate SEOLIVE · 09:51
4blockery
missing description ×3 · missing sources ×1
TrackingUNVERIFIED
GA4skonfigurowany
brak odczytu z produkcji — zweryfikuj po deployu

.stat-card · .chart-bars

Usage · bieżący miesiąc37,20 / 50 USD74 %
Prognoza na koniec miesiąca42,92 USD85,8 % · zbliża się do limitu
Koszt dzienny · USDLIVE · 09:51
1 wrzdziś · 4prognoza · 30

.gate-table (wariant klienta) · .tabs

Co zrobićZnaczenieGdzie
3 artykuły bez opisuOpis pokazuje się w Google pod tytułem. Uzupełnisz go w edytorze treści.blokuje wydanieTreść
1 artykuł bez źródełKoszt pozyskania klienta (CAC) — dodaj, skąd pochodzą liczby.blokuje wydanieTreść
Brak identyfikatora Google AnalyticsBez niego nie zliczamy wejść na stronę.zalecaneUstawienia
Blockery 4Ostrzeżenia 1Przechodzi 11

.event-stream

Opublikowano: Lejek dwustopniowyAndrzej Niemiec
Dodano zdjęcie do: Intencja, nie keywordAndrzej Niemiec
Zmieniono opis strony głównejoperator Aion
Zaktualizowano autora: Andrzej NiemiecAndrzej Niemiec
Strona przebudowana (02:55)automatycznie

.diff-panel

poprzedni build · 7f3a9c2
site: aion-marketing.pl
articles: 3
authors: [andrzej-niemiec]
pages: 5
webmcp: [site-nav, contact]
ten build · b81e0d4
site: aion-marketing.pl
articles: 4
authors: [andrzej-niemiec, aion-niemiec]
pages: 5
webmcp: [site-nav, contact, content-credentials]

.blocked-banner · .empty-checklist · .skeleton

Deploy zablokowany przez gate SEO3 artykuły bez description · BLOCKED · 09:51
Tracking nie jest jeszcze skonfigurowanyTrzy kroki, kilka minut.
Dodaj ID GA4 w Ustawieniach
Włącz moduł aios-tracking
Zrób rebuild i zweryfikuj odczyt

.signpost-row · .drawer

Ukryte w widoku podstawowym|Build: ok · 12 min·Tracking: skonfigurowany·Usage: 74 % limitu·WebMCP: aktywnyPokaż widok pełny

Jeden wiersz read-only na Starcie. Bez badge, bez kolorów stanu — liczby mono i link do trybu pełnego. Znika w widoku pełnym.

lejek-dwustopniowy
Autor
andrzej-niemiec
Status
published
Gate SEO
missing description
Ostatni build
b81e0d4 · 09:51
00-E1·Shell · widok pełny · operator · drawer otwarty·Operator Aion·data-mode="full" · data-role="operator" · dark default

Puls

aion-marketing/aion-marketing.pl
Szukaj lub wykonaj…⌘K

Puls · aion-marketing.pl

piątek, 4 września · 09:51 · 2 site’y · mode aion

BuildLIVE · 09:51
12 min38 s
ok · 4 artykuły · 2 autorów · 5 stron
Gate SEOLIVE · 09:51
4blockery
missing description ×3 · missing sources ×1
TrackingUNVERIFIED
GA4skonfigurowany
brak odczytu z produkcji — zweryfikuj po deployu

Gate przed deployem

GateArtykułAutorStatus
missing descriptionlejek-dwustopniowyandrzej-niemiecblocker
missing sourceskoszt-pozyskania-klienta-cacaion-niemiecblocker
schema Article4 artykuły—przechodzi
Ostatni build · b81e0d4
Wynik
ok · 12 min · 38 s
Artykuły
4
Autorzy
2
Strony
5
WebMCP
site-nav · contact · content-credentials
Odczyt
LIVE · 09:51
zmiany vs 7f3a9c2
articles: 4
authors: +aion-niemiec
webmcp: +content-credentials
00-E2·Shell · widok podstawowy · klient owner·Klient owner·data-mode="basic" · data-role="client" · 5 pozycji + signpost-row

Start

aion-marketing/Start
Szukaj lub wykonaj…⌘K

Dzień dobry, Andrzej. Strona działa.

aion-marketing.pl · piątek, 4 września · 09:51

StronaLIVE · 09:51
20041 ms
Directus sprawny · strona odpowiada
Treść do wydaniaLIVE · 09:51
4artykuły
1 czeka na opis
SEOLIVE · 09:51
4do poprawy
3 bez opisu · 1 bez źródeł

Do zrobienia przed wydaniem

LIVE · 09:51
Co zrobićZnaczenieGdzie
3 artykuły bez opisuOpis pokazuje się w Google pod tytułem. Uzupełnisz go w edytorze treści.blokuje wydanieTreść
1 artykuł bez źródełKoszt pozyskania klienta (CAC) — dodaj, skąd pochodzą liczby.blokuje wydanieTreść
Brak identyfikatora Google AnalyticsBez niego nie zliczamy wejść na stronę.zalecaneUstawienia
Otwórz DirectusEdytor treści otworzy się w nowej karcie.
Ukryte w widoku podstawowym|Build: ok · 12 min·Tracking: skonfigurowany·Usage: 74 % limitu·WebMCP: aktywnyPokaż widok pełny

Ostatnie zmiany

Opublikowano: Lejek dwustopniowyAndrzej Niemiec
Dodano zdjęcie do: Intencja, nie keywordAndrzej Niemiec
Zmieniono opis strony głównejoperator Aion
Zaktualizowano autora: Andrzej NiemiecAndrzej Niemiec
Strona przebudowana (02:55)automatycznie
00-F·Spec · mapowanie referencji → tokeny · porzucone kierunki·Operator Aion·wiążące dla wszystkich widoków AIOS Admin i aios.aionflow.pl

Referencje brandowe → tokeny i motywy

ReferencjaElement systemuRealizacja
Baner: fala linii + kule.decor.wave · .decor.sphereSVG 34–40 równoległych hairline’ów (stroke 0,9 non-scaling) z modulacją szerokości wstęgi = skręt 3D; kolor --accent, stroke-opacity rośnie ku „refleksowi”. Kule: radial-gradient --text → --accent → --surface-3 → --bg + obrys 22 % akcentu. Tylko hero Witaj, tło Start, plansza 00-B.
Avatar logo w halo.decor.haloradial-gradient: centrum --bg (26 %), pierścień --accent 55 % (30 %), fade do 62 % + 14 okręgów hairline SVG. Za wordmarkiem na Witaj i w 00-B. Nie jest glow — brak blur, brak koloru poza srebrem.
Krzywa „aion” (infinity + power-dot).decor.wmLemniskata Bernoulliego (160 punktów) + kropka z kreską, stroke 2,2, --accent przy opacity 0,08, przycięta overflow karty. Karty wyboru trybu, drawer, hero, tło treści Start.
Ulotka: karty usług.card · .choice-tile · .status-tile · .scard--card, obrys 1 px --line, radius 14, padding 20–24, ikona liniowa 1,5 px w pierścieniu (.ct-ic / .st-ic 36–40 px). Dużo dark-space: 40–48 px między sekcjami.
Srebro / metal--accent-op #c8c8ce · --accent-cl #d6d6dbCTA primary = wypełnienie srebrem, tekst --bg. Aktywna pozycja menu: tło 10 % + pasek 2 px. Focus ring 2 px 60 %. Linki: podkreślenie 45 % srebra. --accent-cl z briefu (#a8a8b0) skorygowane: vs --warn dawało 1,08:1 (nierozróżnialne) → #d6d6db = 1,75:1.
Statusy „zgaszone”--ok #7d9b84 · --warn #b8a06a · --critical #c47a72Tylko badge, krawędź 2 px kafla, słupek wykresu. Nigdy = accent; nigdy tło karty. Desaturacja CTA silver vs badge warn = 1,53:1, vs critical 1,98:1, vs ok 1,83:1 (pomiar na 00-A).
Wordmark „aios” + „AUTOMATION”.wordmark · .subMonolinia geometryczna SVG (patrz 00-B). Sub-brand caps tracking 0,14 em, --muted, rozmiar mini/meta. W adminie: „ADMIN”; na aios.aionflow.pl: „AUTOMATION”.
Motyw jasny[data-theme="paper"]Opcjonalny wariant „papier” — nie default dla żadnej roli. Blok tokenów zastępuje dawny [data-theme="operator"], bo dark jest teraz domyślny dla operatora i klienta; role różnią się wyłącznie --accent.

Porzucone kierunki (archiwum, nie SoT)

  • Beż / miód (Sesja 03.09, 12 plansz) — odrzucony przez właściciela.
  • P1 Grafit + Rdza / P2 Grafit + Kobalt (pliki 00 Design System v2, 00b Paleta) — chłodny Slate, akcent rdza/kobalt. Zostają jako historia decyzji; żaden hex z nich nie wraca.
  • K04 Warmth pass (ciepły grafit, Nunito Sans + Lora, bursztyn/rubin) — nie wdrożony, plik 00c nie powstał.
  • Kolory strony marketingowej (#E8784A, #0A0B0D, #B6E04A) i huba (#E0A340) — nie używane.
  • Zostaje: kontrakt 20 nazw tokenów, shell 244 / 56 / 56, data-mode ⟂ data-theme, cisza jako OK, signpost-row, RBAC, kill-lock, conceal, aneks Witaj (3 linie ≤ 600 ms).

Wyjątki od reguł anty-slop (zapisane)

  • Wersaliki + tracking: wyłącznie ADMIN / AUTOMATION i ModeBadge AION. Etykiety UI zostają w sentence case.
  • Opacity: tylko klasy .decor (fala 0,35–0,55, watermark 0,08), skeleton i sekwencja Witaj. Wygaszanie tekstu nadal przez --muted + kreskowany obrys.
  • Gradient: tylko radial w .halo i .sphere — to motyw marki (kamień/kula), nie dekoracja kontrolek. Zero gradientów na przyciskach, kartach, tłach sekcji.
  • Obrys kart: brand używa 1 px --line na --card (ulotka). Hierarchia = tło + obrys + odstęp, nadal max 2 poziomy.
  • Trzeci selektor tokenów: [data-theme="paper"] zamiast [data-theme="operator"]. Hex nadal tylko w dwóch blokach.

Mapowanie wiarygodności → komponenty (bez zmian)

EtykietaZnaczenieKomponenty
LIVE · 09:51Odczyt ze źródła młodszy niż próg widoku. Ikona zegara, mono 11, --muted — wiarygodność ≠ stan.status-tile · stat-card · gate-table · event-stream · signpost-row
UNVERIFIEDWartość zadeklarowana przez człowieka, niepotwierdzona odczytem. Kreskowany chip, „?”.status-tile · conceal · empty-checklist · drawer
STALE · 26 hOstatni udany odczyt starszy niż próg. Wiek danych zamiast godziny, wartości w --muted.status-tile · stat-card · chart-bars · event-stream
BLOCKEDGate zatrzymał akcję lub moduł za kill-gate. Jedyna etykieta w kolorze; zawsze z powodem i akcją.blocked-banner · gate-table · kill-lock · status-tile

Pliki w tym systemie

PlikStatus
AIOS - 00 Brand System.dc.htmlSoT — tokeny, motywy, komponenty, shell (ta plansza)
AIOS - Witaj.dc.htmlK01 w brandzie: halo + wordmark, fala, 2 kafelki, aneks animacji
AIOS - Puls podstawowy.dc.htmlK02 w brandzie: Start, watermark, srebrne menu, statusy zgaszone
AIOS - Ustawienia Widok.dc.htmlK03 przebudowane w brandzie
AIOS - 00 Design System v2 · 00b Paleta kandydaciarchiwum decyzji P1/P2 — nie edytować, nie kopiować hexów

Wszystkie liczby kontrastu i desaturacji na 00-A liczone z renderu — zmiana tokenu w bloku od razu zmienia werdykty.