01Punkt wyjścia
Source
Duże zdjęcia i prosty rytm. Znajoma oprawa przeniesiona do statycznego frontendu.
Otwórz zachowany układ ↗STUDIUM PROJEKTU · 2026OD PIERWSZEGO UKŁADU DO OSTATNIEJ KLATKI
BLOG O KOMIKSACH × DIFFICO
STRONA TEŻ
OPOWIADA
HISTORIĘ.
Od spokojnego magazynu do komiksowego kadru. Zobacz, jak zmieniały się układy, detale i ruch na Blogu o Komiksach.
PRZEWIŃ DO PIERWSZEGO KADRU ↘Prawdziwe wersje. Zachowane eksperymenty. Działające demonstracje.
NIE TYLKO
ŁADNIEJ.
BARDZIEJ BOK.
ŁADNIEJ.
BARDZIEJ BOK.
PAPIER. TUSZ. TROCHĘ RUCHU.
01—17ETAPÓW PROJEKTU
WRZESIEŃ — PAŹDZIERNIK 2026UKŁAD / TYPOGRAFIA / INTERAKCJAARCHIWUM DO 26.10.2026
Nie jeden redesign.
Seria decyzji.
Najpierw rozpoznawalność. Potem własny język. Na końcu detale, które reagują na czytelnika. To opowieść o wyborach — także tych, które pozostały w pracowni.
Zobacz pełną oś czasu ↗01 / EWOLUCJA UKŁADU
TRZY PODEJŚCIA.
JEDNA REDAKCJA.
Porównaj charakter strony, nie treść artykułów. Podglądy historyczne odtworzono z zapisanych wersji kodu i danych demonstracyjnych.
02Zachowana koncepcja
Journal
Szeryfowe nagłówki, biel i oddech. Redakcyjna alternatywa, która nie trafiła na produkcję.
Otwórz zachowany układ ↗03Wybrany kierunek
Paper Comics
Kremowy papier, twarde cienie i kadry. Własny język wizualny bloga.
Otwórz zachowany układ ↗OD MAGAZYNU DO KOMIKSU
PRZESUŃ GRANICĘ.
Journal i Paper Comics: ten sam materiał demonstracyjny, inna hierarchia i temperament.
Porównanie zrzutów odtworzonych wersji — nie archiwalnych zdjęć produkcji.
02 / OTWARTA PRACOWNIA
SPRAWDŹ.
PORÓWNAJ. ODTWÓRZ.
Oryginalne studia projektowe w osobnych podglądach. Zmieniaj warianty, przełączaj motyw i sprawdzaj ruch. Formularze i usługi pozostają nieaktywne.
01
Nagłówek
5 wariantów · wybrano 02D
02
Metryka artykułu
3 warianty · Editorial Signature
03
Grafiki społecznościowe
3 kompozycje · Panel Split
04
Latający kot
Przylot, podmuch, obrót, odlot
05
Patronite
3 zaproszenia · wspólny zegar
06
Logo w ruchu
3 trajektorie · Comic Swoop
EDYCJA SPECJALNA / HALLOWEEN 2026
DWA KLIMATY.
JEDEN DRESZCZ.
Dynia i tusz czy Nawiedzony kadr? Dwie nowe koncepcje sezonowe na bazie Paper Comics. Ten sam materiał, inny nastrój. To propozycje — nie wdrożenia na blogu.
KONCEPCJA HALLOWEEN / 01
Dynia i tusz
Ciepły papier, dyniowe pieczęcie i psotne nietoperze.
Porównaj i otwórz podgląd ↗
KONCEPCJA HALLOWEEN / 02
Nawiedzony kadr
Księżyc, głęboki fiolet i widma między kadrami.
Porównaj i otwórz podgląd ↗03 / RUCH Z POWODEM
KOT NIE MUSI
WCHODZIĆ W SŁOWO.
Animacje współdzielą przestrzeń i czas. Zamiast dwóch konkurujących zaproszeń — jeden spokojny ciąg zdarzeń.
AKTUALNA REGUŁA15SEKUND
do pierwszego przylotu.
Na każdej stronie.
15 skot przylatuje45 skot odlatuje60 sPatronite
Najpierw uwaga.
Potem zaproszenie.
Początkowe 120 sekund zastąpiła reguła 20 sekund dla krótkich wpisów, a następnie wspólne 15 sekund. Pobyt kota nadal trwa 30 sekund; kolejne pojawienie następuje po 600 sekundach nieobecności.
Ukryta karta i zasłaniające okna zatrzymują zegar. Jeśli interakcja zatrzyma kota, Patronite czeka na zakończenie odlotu i dopiero wtedy rozpoczyna swój pełny czas wyświetlania.
URUCHOM OŚ CZASU ▶Symulacja 10×, oznaczona czasem wirtualnym. Oryginalną choreografię zobaczysz w pracowniach powyżej.
04 / ZAPIS DECYZJI
KAŻDY ETAP
MA SWÓJ ŚLAD.
Wdrożenia, alternatywy i poprawki. Status opisuje rezultat, a szczegóły wyjaśniają znaczenie daty i wskazują zapis w historii projektu.
01
Source. Punkt wyjścia.
Przeniesienie dotychczasowego języka wizualnego do statycznego frontendu. Duże zdjęcia, prosty rytm wiadomości i znajoma nawigacja.
Decyzja i źródło
Zachować rozpoznawalność bloga, zanim zmieni się jego charakter wizualny.
Historia Git: 3ff417f
Zobacz podgląd ↗02
Journal. Kierunek redakcyjny.
Biały papier, cienkie linie i szeryfowy EB Garamond. Więcej oddechu i hierarchia przypominająca magazyn.
Decyzja i źródło
Zachowany wariant porównawczy. Nie przedstawiamy go jako wdrożonego motywu.
Historia Git: 3de4360
Zobacz podgląd ↗03
Paper Comics. Blog staje się kadrem.
Kremowy papier, kropkowana faktura, kanciaste panele, twarde cienie i podpisy zachodzące na ilustracje.
Decyzja i źródło
Bangers w nagłówkach, Inter w treści. Kolejne korekty typografii i kart zapisano tego samego dnia. Data dotyczy projektu; dokumentacja potwierdza późniejsze wdrożenie.
Historia Git: fa9bab8 · c4e16f5 · 1c75dd2
Zobacz podgląd ↗04
Pięć dróg do nagłówka 02D.
Opening Panel, Paper Tabs, Ink Ribbon, Paper Opening i Ink Captions. Ta sama marka, pięć sposobów prowadzenia czytelnika.
Decyzja i źródło
Wybrano 02D: ciemną wstęgę z podpisami i rozwijanym panelem. 23 IX to wybór i integracja; późniejsze potwierdzenie wydania obejmuje 30 IX.
Historia Git: 954c74c · 4d7ffdf · bb98fa3
Zobacz podgląd ↗05
Panel Split. Historia poza stroną.
Paper Caption, Ink Edition i Panel Split sprawdzają, jak połączyć okładkę, portret i tytuł w grafice udostępnianej w sieci.
Decyzja i źródło
Wybrano Panel Split. Archiwum zachowuje poziome i pionowe kompozycje oraz pozostałe propozycje.
Historia Git: 5bb228f · 1802f2e · da6ab8c
Zobacz podgląd ↗06
Newsletter wewnątrz opowieści.
Karty zapisu otrzymały język Paper Comics: kontrastowy nagłówek, wyraźną ramkę i jednoznaczną akcję.
Decyzja i źródło
Karta należy do rytmu artykułu. Podgląd pokazuje wygląd; nie zapisuje do newslettera.
Historia Git: 1dcad62 · 6874f00
Zobacz podgląd ↗07
Nawigacja, listy premier i stopka.
Do nagłówka dołączają Listy Premier. Stopka opiera się na menu redakcji, a teksty zapisu mają kilka wariantów.
Decyzja i źródło
Spójny język komponentów, aktualne przejścia i czytelniejsze zakończenie strony.
Historia Git: 398f658 · c913448 · 016b14c · e148aa8
Zobacz podgląd ↗08
Wideo z własną sceną.
Dedykowane strony oglądania i prezentacja materiałów wideo rozszerzają blog poza klasyczny artykuł.
Decyzja i źródło
Zachować komiksową oprawę, ale dać odtwarzaczowi pierwszeństwo. W archiwum zewnętrzne odtwarzacze są zastąpione makietą.
Historia Git: 0da6159
Zobacz podgląd ↗09
Karty mówią jednym językiem.
Redakcyjne karty HTML zostają wizualnie ujednolicone z Paper Comics: ramki, kontrast i typografia działają jak część artykułu.
Decyzja i źródło
Rozwijać system bez tworzenia osobnego stylu dla każdego rodzaju treści.
Historia Git: 1c9992a
Zobacz podgląd ↗10
Jak pokazać czas publikacji?
Wczesne szkice sposobu prezentacji daty, godziny i świeżości wpisu. Zachowane jako etap poszukiwań, nie samodzielne wydanie.
Decyzja i źródło
Data oznacza punkt archiwizacji w historii metryki, nie potwierdzony dzień powstania każdego szkicu.
Historia Git: meta-reference/feat/bok-article-meta-signature
Zobacz podgląd ↗11
Editorial Signature. Podpis redakcji.
Trzy propozycje: Podpis redakcji, Taśma tuszu i Metryka wydania. Autor, data oraz czas czytania otrzymują wspólny rytm.
Decyzja i źródło
Wybrano Editorial Signature: portret, spokojne linie i żółty akcent zamiast kolejnego ciężkiego panelu.
Historia Git: 2f8720b · 24ed1cb · e818435
Zobacz podgląd ↗12
Kawa przylatuje z kotem.
Latający kot wnosi prośbę o wsparcie w język komiksu. Przylot, podmuch, obrót i odlot tworzą małą scenę.
Decyzja i źródło
Pierwsza wersja czekała 120 sekund, pozostawała przez 30 sekund i wracała po 600 sekundach nieobecności.
Historia Git: 3be2480 · b88efc1
Zobacz podgląd ↗13
Ostatni kadr też ma znaczenie.
Odświeżenie stopki i obrazów przyszłych wewnętrznych kart newslettera porządkuje miejsca, które łatwo przeoczyć.
Decyzja i źródło
Dopracować całą ścieżkę czytelnika, również po zakończeniu artykułu.
Historia Git: 567bbc4
Zobacz podgląd ↗14
Trzy zaproszenia do Patronite.
Komiksowy panel, karta patrona i miejski sygnał. Na blogu wybierana jest jedna z trzech wersji.
Decyzja i źródło
Zaproszenie jest należne po 60 sekundach aktywnego czytania, raz na sesję karty. Wspólna kolejka zapobiega kolizji z kotem.
Historia Git: 7b6cf9f
Zobacz podgląd ↗15
Comic swoop. Logo w ruchu.
Editorial Glide, Comic Swoop i Panel Snap sprawdzają trzy sposoby przeniesienia logo z nagłówka do narożnika.
Decyzja i źródło
Wybrano Comic Swoop: przylot 560 ms, powrót 440 ms. Dokowanie po 24 px przewinięcia i powrót przy 8 px ograniczają migotanie.
Historia Git: 4db89e7
Zobacz podgląd ↗16
Krótki tekst, wcześniejsza kawa.
Przejściowa reguła skróciła oczekiwanie do 20 sekund dla wpisów z czasem czytania równym jednej minucie.
Decyzja i źródło
Pozostałe strony nadal czekały 120 sekund. Ten etap został zastąpiony jeszcze tego samego dnia.
Historia Git: 479eb4c · 0ff470f
17
15 sekund. Jedna reguła.
Kot pojawia się po 15 sekundach widocznego, niezablokowanego czasu strony, niezależnie od długości tekstu.
Decyzja i źródło
Zachowano pobyt 30 s, nieobecność 600 s i kolejkę Patronite. Zmienił się moment pierwszego przylotu, nie choreografia.
Historia Git: 6c30783 · 0c7f4a3
Zobacz podgląd ↗Archiwum obejmuje odzyskane warianty wizualne. Drobne korekty są zgrupowane przy głównych etapach. Nieodnalezione szkice nie są odtwarzane z domysłów. Metoda i źródła ↗
TO JESZCZE NIE OSTATNI KADR.
PROJEKT ŻYJE.
HISTORIA ZOSTAJE.
ZOBACZ BLOG O KOMIKSACH ↗To niezależne archiwum projektu. Nie zastępuje bloga ani jego usług.