To jest moodboard, nie gotowa strona. Pokazuje kierunek: kolory, kroje pisma, jak wygląda kafelek modułu, fragment lekcji i szkic głównej animacji. Kliknij przyciski w sekcji „demo" niżej — to działa naprawdę, nie jest to zrzut ekranu. Wszystkie teksty poniżej to przykłady do zastąpienia finalną treścią.
„Akademia uczy zasad tak, jak CFS steruje ruchem na co dzień — nic nie przejeżdża przez bramkę bez zatrzymania, weryfikacji i wydania przepustki. Ta sama logika rządzi tym, jak Claude prosi o dostęp do Twojej poczty, kalendarza czy Trello."
CFS buduje szlabany i systemy kontroli wjazdu. Zamiast rysować stronę „jak każdy kurs online", przenieśliśmy WASZĄ własną logikę biznesową (stop → sprawdź → wpuść) na naukę o AI. To nie jest metafora naciągana na siłę — to dosłownie to, co robicie na co dzień.
Moduły wyglądają jak tabliczki na bramkach kontrolnych (zamknięta / w trakcie sprawdzania / otwarta). Kluczowa animacja lekcji o bezpieczeństwie to prawdziwy szlaban, który się podnosi dopiero, gdy klikniesz „zatwierdzam" — zobaczysz to niżej.
Zero kłódek i tarcz z banku ikon (dokładnie to, czego mieliście dość w typowych kursach bezpieczeństwa). Zero fioletowych gradientów i wesołych ludzików. Poważny, czytelny, ale nie zimny i nie onieśmielający ton.
Kolory pochodzą wprost z marki CFS (zielony z Waszej strony) — to była wyraźna decyzja: nie wolno nam było wymyślać nowej palety. Dołożyliśmy tylko odcienie pomocnicze (jasne/ciemne warianty) i sprawdziliśmy każdy pod kątem czytelności tekstu (WCAG AA — standard dostępności, żeby każdy, niezależnie od wzroku, mógł swobodnie czytać).
Dwa kroje, oba darmowe i legalne (Google Fonts). Nagłówkowy ma lekko „techniczny", inżynierski charakter — pasuje do firmy budującej urządzenia, nie do modowego bloga. Tekst czytamy krojem zaprojektowanym specjalnie pod czytelność długich fragmentów.
Claude nigdy sam nie sięga do Twojej poczty, kalendarza czy Trello. Zawsze najpierw pyta o zgodę — dokładnie tak, jak szlaban czeka na sygnał, zanim się podniesie. Jeśli musisz podać przykład z prawdziwej sprawy, użyj oznaczenia „Klient A" zamiast nazwiska i firmy.
Tak wyglądają „punkty kontrolne" na stronie startowej. Kolor i podpis od razu mówią, na jakim etapie jest dany moduł — bez czytania dodatkowego opisu.
Rozumiesz pojęcie rutyny i po co ją wdrażamy.
ZamkniętaPiszesz skuteczne polecenia po polsku.
W weryfikacjiZnasz granice — co wolno, czego nie.
OtwartaTak może wyglądać sama lekcja — nagłówek z celem, krótkie zasady, gotowy prompt do skopiowania. Treść poniżej to przykład, finalne teksty napisze osobno zespół od słów.
Cel lekcji: wiesz dokładnie, co Claude wolno zrobić samodzielnie, a na co musi najpierw zapytać.
Zgoda na narzędziaClaude nie sięga do poczty, kalendarza, Trello ani Dysku bez Twojej wyraźnej zgody. Zawsze zobaczysz pytanie, zanim coś się wydarzy.
Dane wrażliweNie wklejamy do czatu kwot z umów ani danych osobowych. Używaj oznaczeń typu „Klient A", „kwota XXX".
Kliknij po kolei — zobaczysz dokładnie to, co zobaczy pracownik w prawdziwej lekcji.
„Wyjaśnij mi w 3 zdaniach, dlaczego zawsze pytasz o zgodę, zanim użyjesz jakiegoś narzędzia."
Nie każda część hubu ma wyglądać tak samo gęsto. Strona startowa (dużo kafelków) jest „głośniejsza", pojedyncza lekcja jest spokojniejsza i skupiona na czytaniu, demo jest momentem ciszy i uwagi. To naprzemienne oddychanie ma pomóc się nie zmęczyć materiałem.
Trzy rzeczy, przez które większość kursów online wygląda tak samo — i dlatego ich tu nie będzie.