Brief: odyssey

Creative Brief — ODYSSEY · homepage (createyourodyssey.com)

Faza 1 KONTRA. Artefakt kierunku (design). Rządzi wyglądem strony; plan pracy → .claude/state/plan-odyssey.md. Status: REWIZJA 2026-07-03 (G1-redux ZATWIERDZONY — user: „lecisz"). Kanon: koncept-parasol „NA MIARĘ vs KONFEKCJA" + medium magazyn modowy klasy Vogue + spójność = JĘZYK EDYTORIALNY (nie paleta). Zastępuje rewizje maksymalistyczne 2026-06-30 (świat „warsztat/rzemiosło" + „film w tle hero") — PORZUCONE (złamanie zakazu usera; szczegóły w CHANGELOG). Marka strony = wyłącznie ODYSSEY. Nazwa wewnętrznego systemu produkcji jest NIEWIDOCZNA — zakaz w copy/UI/meta/alt. Copy = ZATWIERDZONE, VERBATIM: projects/odyssey/content/copy.md (v4, 7 bloków EN/PL/ES). NIE przepisywać ani słowa. Hero (s1) = ZAAKCEPTOWANE 2026-07-03 jako wzorzec looku („tak wygląda Vogue"): figura Z-Image + ken-burns, NIE film. Screen-wzorzec: site/tooling/shots/hero-s1-porownanie.png. ANTY-wzorzec: the-gap-s2-porownanie.png (generyk kompozycji — split).

0. Koncept-parasol, medium, archetyp, rejestr (fundament — rządzi całą stroną)

0.1 KONCEPT-PARASOL: „NA MIARĘ vs KONFEKCJA"

Jeden pomysł organizuje KAŻDĄ sekcję i uzasadnia KAŻDY efekt (mechanizm z wzornika oryzo — koncept-parasol ponad efektami: efekt bez powodu jest zakazany).

Teza sprzedażowa: strona szyta jak couture — suknia na miarę jednej osoby — kontra konfekcja / szablon z wieszaka (WordPress-theme, page-builder, „premium add-on"). Couture = argument, nie dekoracja: kunszt kroju na miarę JEST dowodem usługi.
Dlaczego couture/moda, a nie „warsztat kodera": koncept z DYSTANSU, nie z pierwszego skojarzenia z branżą (studio WWW → „ekran/kod" = generyk). Moda na miarę niesie prawdę o kliencie ODYSSEY — „zrobione wokół ciebie jednego, nie z wieszaka" — mocniej niż dosłowna ilustracja rzemiosła kodu. (Reguła doboru: memory koncept-z-dystansu-nie-z-branzy.)
Prawda, którą niesie: to nie „opowieść, której nie ma". Couture = ILUSTRACJA uczucia (uszyte na miarę vs z wieszaka), z którego wyprowadzamy KONKRET kompozycji i obrazu — nie dorobiona fabuła. Kierunek rozstrzyga zawsze konkret rozkładówki, nie hasło.

0.2 MEDIUM-NOŚNIK: magazyn modowy klasy Vogue

Cała strona jest zbudowana jak numer magazynu modowego. Sekcja = rozkładówka (spread). To spina 7 różnych sekcji w jeden przedmiot.

Rozkładówka (rola magazynowa)	Sekcja (copy.md)	Numer
-------------------------------	------------------	-------
Rozkładówka otwierająca / diagnoza — „koszt konfekcji"	the-gap	(01 / THE GAP)
„Jak powstaje kolekcja" — atelier na miarę, 4 etapy	full-cycle	(02 / FULL CYCLE)
Archiwum kolekcji — lookbook zrealizowanych numerów	proof	(03 / PROOF)
Manifest redakcji — czym mierzymy jakość	standard	(04 / STANDARD)
Prenumerata / stała opieka — relacja po premierze	partnership	(05 / PARTNERSHIP)
Tylna okładka — zaproszenie, jeden adres	contact	(06 / CONTACT)
Spis treści (nawigacja)	nav / masthead	—

0.3 Archetyp i rejestr

Archetyp: portfolio-studia jako numer autorskiego magazynu — strona-wizytówka, której głównym dowodem jest ona sama (studio WWW = krawiec, który MUSI nosić najlepiej skrojony garnitur na rynku). Cel jawny: poziom, na widok którego właściciel firmy myśli „tego chcę".
Rejestr: edytorialny (magazynowy) z kinowym akcentem w archiwum (proof). Rytm rozkładówek, typografia-bohater, kompozycja plakatowa — NIE filmowy scroll-trap. Ruch z umiarem, niesie treść (ken-burns, reveal, kinetyka tezy), nie zasłania. Kino wchodzi jako JEDEN akcent walorowy w archiwum kolekcji.
Cel biznesowy: konwersja miękka = kontakt (hello@createyourodyssey.com) od właściciela firmy. Sekundarnie: proof jako twardy dowód. Sama strona = najlepsza pozycja w archiwum — jej krój zamyka sprzedaż, zanim padnie argument.

1. Emocja i świat

Zdanie nadrzędne: Ta strona ma być odebrana jako numer magazynu, który ktoś skroił na miarę pod jedną firmę — nie kolejny szablon z wieszaka — jakby zredagował ją redaktor naczelny magazynu modowego klasy Vogue, który jednocześnie prowadzi atelier couture, a nie agencja sprzedająca „experiences".
Audience: właściciel mniejszej firmy (usługi premium, marka osobista, mały producent) — chce strony, której się nie wstydzi i która wygląda jak zrobiona dla niego jednego; boi się, że znów dostanie szablon z „immersive journey", przepłaci za watę i będzie brzmiał jak każdy konkurent.
Świat-referencja: magazyn modowy klasy Vogue. Redakcyjna elegancja typografii (Fraunces kursywa display, mocna siatka, didaskalia mono jak w stopkach magazynu) rządzi każdą rozkładówką. Każda rozkładówka to sesja z własnym oświetleniem i temperaturą — ale ten sam MAGAZYN. Bliżej edytorialnej klasy Vogue / Pentagram-editorial / dobrej sesji couture niż „portfolio agencji".
Ton emocjonalny (dla kontra-jezyk — copy już zatwierdzone, tu tylko cel): pierwszoosobowy, konkret, zero waty; chłód powściągliwości + ciepło w „dla kogo". Copy NIE nazywa couture wprost — świat couture żyje w OBRAZIE i KOMPOZYCJI, nie w słowach (memory: zakaz „rzemiosło/warsztat" w słowach; świat wizualny ustala DA, nie copy).

2. Definicja spójności (twarda korekta usera — KLUCZOWE)

Cytat usera: „Vogue to nie kolory — magazyny typu Vogue nie są całkiem spójne między stronami." Spójność strony trzyma JĘZYK EDYTORIALNY, NIE jedna paleta.

2.1 Co trzyma spójność (cztery filary — jedyne nienaruszalne)

System typograficzny — Fraunces kursywa (display, bohater) + DM Sans (body) + DM Mono (label/didaskalia). Nigdy losowy font, nigdy inny display. To najmocniejsze spoiwo.
Akcent cynober — jeden ciepły akcent, <5%, jako sygnał (aktywny język, jedno CTA, pointa tezy, kropka ONLINE). Nic poza nim jako „drugi kolor UI".
Aparat redakcyjny (powtarzany motyw w KAŻDEJ rozkładówce):

- Kickery `(NN / NAZWA)` — mono, w rogu każdej sekcji (numeracja = kręgosłup magazynu). - Didaskalia mono — drobne etykiety/podpisy w rytmie stopki magazynu. - Żywy stempel `[HH:MM · ONLINE]` — jeden tykający, prawdziwy detal (memorable — §9).

Poziom kompozycji plakatowej — każda rozkładówka trzyma tę samą KLASĘ kompozycji okładkowej (typografia-bohater lub partner figury NA obrazie; §2.3).

2.2 Co MOŻE się różnić między rozkładówkami (dozwolona swoboda)

Własny świat foto sekcji: każda rozkładówka może mieć własną sesję, temperaturę, tło. Złote tło the-gap jest DOZWOLONE (nie było grzechem — grzechem była kompozycja-split). Nie wymagamy jednej sesji na całą stronę.
Rdzeń paletowy (papier + atrament + cynober) jest DOMYŚLNY, ale rozkładówka może grać własnym walorem tła — pod warunkiem reguły §2.4.

2.3 Twarde minimum KAŻDEJ sekcji: KOMPOZYCJA PLAKATOWA

To jest granica, na której odrzucono s2. Egzekwowana per rozkładówka (mapa stref w tasku buildu, N1).

Typografia jest BOHATEREM rozkładówki albo PARTNEREM figury NA obrazie (warstwy się przenikają, wspólna płaszczyzna).
ZAKAZ splitu `tekst | zdjęcie` bez przenikania warstw — dwa prostokąty obok siebie = generyk (grzech s2). Słowo i obraz muszą tworzyć JEDNO zdarzenie kompozycyjne (overlap czytelny, leading line, wspólna oś), nie leżeć obok jak w szablonie.
ZAKAZ figury-dominanty powtórzonej z sąsiedniej rozkładówki (każda inna poza/kadr — memory seria-rozne-pozy).

2.4 Reguła złamania palety (z oryzo)

Rozkładówka łamie rdzeń paletowy (papier/atrament/cynober) tylko z powodu FABULARNEGO, raz, i wraca do rdzenia — tak jak oryzo łamie 3-barwną dyscyplinę jednym „wyskokiem z czujnika" i natychmiast wraca. Kolor spoza rdzenia musi być UZASADNIONY światem rozkładówki (np. złoto sesji the-gap = temperatura diagnozy), nie „żeby żyło". Sąsiednie rozkładówki wciąż muszą czytać się jako ten sam magazyn (test N3: „ten sam MAGAZYN?" — typografia/aparat/poziom kompozycji, różne światy foto OK).

3. Makrostruktura i nawigacja

Typ strony: editorial magazine — sekwencja rozkładówek z łamaniem siatki, nie funnel.
Nav archetype = SPIS TREŚCI magazynu: edge-minimal masthead — wordmark ODYSSEY lewa krawędź (jeden krój, cichy, nie logotyp-grafika); przełącznik EN/PL/ES + „Kontakt" prawa krawędź. Rozwinięcie / kotwice do rozkładówek czytają się jak spis treści numeru. Bez sticky-belki-hairline (slop #5). Mieści 3 języki od dnia 1.
Makrostruktura hero = OKŁADKA magazynu (pełny rozpis §14): teza-tytuł jak nagłówek okładki NA figurze/obrazie (couture), masthead ODYSSEY + żywy stempel, akcent cynober jeden punkt.

3.1 REGUŁA NUMERACJI (rozstrzygnięcie — likwiduje rozjazd)

Dziś rozjazd o 1: menu miało THE GAP=01, etykieta hero miała 01/ODYSSEY. Rozstrzygnięte:

Okładka (hero) = BEZ numeru sekcji. Zamiast numeru nosi masthead: `ODYSSEY` + linia numeru/wydania + żywy stempel (jak winieta okładki).
Rozkładówki wewnętrzne = `(01 / THE GAP)` … `(06 / CONTACT)`, sekwencyjnie.
Spis treści (nav) = 1:1 z etykietami na rozkładówkach ((NN / NAZWA)).

Uzasadnienie (jednym zdaniem): okładka magazynu nigdy nie nosi numeru strony — nosi tytuł numeru, więc numeracja sekcji startuje od pierwszej rozkładówki (the-gap = 01), a spis treści odbija etykiety 1:1, co kasuje przesunięcie o jeden. (Naprawa w buildzie: plan N6.)

4. Style-pack (decyzja estetyczna)

Pack: editorial (baza tokenów/typografii/siatki) + lokalna inwersja walorowa w archiwum (proof).
Uzasadnienie: brutalist byłby klonem 4elements (i kłóciłby się z „redakcja, nie krzyk"); glass to wprost slop tej kategorii i zaprzeczenie anty-ściemy. Editorial = papier, siatka, typografia-pierwsza, didaskalia — jedyny pack spójny ze światem magazynu. Archiwum (proof) może lokalnie przełączyć tokeny na inwersję (atrament-tło) bez zmiany packa — to samo data-pack="editorial", inny stan walorowy sekcji (kontra-build: sekcja-modyfikator, nie nowy pack).

5. Paleta (rdzeń + wyjątki per rozkładówka)

Rdzeń jest DOMYŚLNY, nie totalny — spójność trzyma język (§2), nie paleta. Rozkładówka może mieć własny świat foto (§2.2) i jedno złamanie fabularne (§2.4).

Rola	Kolor (intencja)	~% ekranu
------	------------------	-----------
Primary (tekst / inwersja)	Atrament — bardzo ciemny grafit, nigdy #000 (W1). Ten sam kolor robi INWERSJĘ: archiwum (proof) gra atrament-jako-tło (montaż walorowy W27) — rym do ciemnych dem, rytm jasne→ciemne	duży wolumen; inwersja ≤2 rozkładówki
Akcent (CTA, sygnał, pointa)	Cynober — ciepła wytrawiona czerwień, „drukarska", NIE saas-blue/fiolet. Sygnał: aktywny język, jedno CTA, pointa tezy, kropka `ONLINE`. Świadomie `<5%`	`<5%`, rzadko
Świat foto sekcji (per rozkładówka)	DOZWOLONY własny walor tła sesji (np. złoto the-gap) — reguła §2.4 (fabularne, raz, powrót do rdzenia). Kolor z FOTOGRAFII, nie z UI	pełne tło pojedynczej rozkładówki

Temperatura rdzenia: ciepła neutralna (papier + atrament = redakcja, nie korpo). Most do ciepła obu ciemnych dem.
Gdy brakuje koloru w rdzeniu: inwersja walorów (atrament↔papier) robi „drugi kolor". NIE dokładać czwartej barwy UI. Chromatyka spoza akcentu wchodzi WYŁĄCZNIE przez fotografię sesji i kafle realizacji.
Sugestia OKLCH (kierunek, kontra-build ma tokeny — foundation.css gotowy): canvas oklch(0.96 0.008 70); atrament oklch(0.20 0.012 60); akcent-cynober zatwierdzony w tokenach ([data-accent]). Stany pochodne przez color-mix, nie nowe zmienne.

6. Typografia (najmocniejsze spoiwo — filar spójności #1)

Typografia robi większość roboty (rejestr edytorialny). Rodziny ZATWIERDZONE i osadzone w foundation.css.

Display: Fraunces — kursywa, wysoki kontrast kresek, „pismo" redakcyjne. Serif kursywa = natychmiastowy sygnał „magazyn modowy / autorski głos" i świadoma kontra wobec obu dem (groteskowych: Big Shoulders / Space Grotesk) — homepage się z nimi nie zlewa. To jest bohater kompozycji plakatowej.
Body: DM Sans — grotesk spokojny, duża x-height, dobry rytm do czytania. Ma zniknąć i dać się czytać; tu mieszka pierwszoosobowy głos.
Label / didaskalia / UI: DM Mono — niesie aparat redakcyjny: kickery (NN / NAZWA), żywy stempel, etykiety, numeracja. Most do obu dem (oba używają mono na didaskalia) — jedyny celowy „rym" z portfolio.
Kontrast skali (W3 — skala-bez-środka): display monumentalny vs body/mono drobny, BEZ drabinki pośredniej. Kierunek: clamp(2.5rem, 7vw, 6.5rem) na tezach vs 1rem body vs 0.8rem mono. Display = zbita masa (line-height <1.05, tracking lekko ujemny).
Zakaz: Inter-only (slop #2); losowy font; inny display niż Fraunces. Tekst zawsze skalowany do viewportu, nigdy ucinany (memory tekst-dopasowany-do-viewport).

7. Łuk narracyjny (prozą — przed UI)

Strona to numer magazynu, który czyta się jak argument couture: od kosztu konfekcji, przez atelier na miarę, po archiwum uszytych numerów. Nie sprzedaje słowami — pokazuje krój i odsiewa niewłaściwych klientów. Każda rozkładówka gra parasol „na miarę vs konfekcja" własnym światem, ale ten sam magazyn spina je językiem.

Okładka (hero) — „to jest numer skrojony na miarę": wchodzisz i widzisz okładkę magazynu, nie funnel. Teza-tytuł (copy hero, VERBATIM) leży jak nagłówek okładki NA obrazie (couture), składa się na twoich oczach linia po linii spod maski. Pierwsze wrażenie: ktoś, kto panuje nad krojem. Masthead + żywy stempel = redakcja, która teraz pracuje.
Diagnoza (the-gap = 01) — „koszt noszenia konfekcji": rozkładówka otwierająca stawia diagnozę (copy: „Twoja firma przerosła szablon. Twoja strona jeszcze nie."). Kompozycja plakatowa: typografia-bohater, figura komentuje z brzegu (własny świat foto sekcji dozwolony — złoto może zostać). Napięcie: wyrosłeś, ale utknąłeś w wieszakowym rozmiarze. (Szczegółowa rozkładówka = OSOBNY krok po tej rewizji.)
Atelier (full-cycle = 02) — „jak powstaje kolekcja na miarę": cztery etapy krawiectwa couture jako oś (copy: „Jeden dach. Cztery etapy. Zero luk."). Numerowana lista typograficzna z sekwencyjnym reveal — miara → krój → wykonanie → poprawki po premierze (= design → build → hosting → care). Jasność procesu: „tak szyję na miarę".
Archiwum (proof = 03, kulminacja) — „numery, które już uszyliśmy": cięcie walorowe wrzuca w ciemność (inwersja W27). Zrealizowane kolekcje (The Vault + nocta) wjeżdżają jak karty lookbooku (clip/scale-reveal, W8 montaż-przez-nasunięcie). Strona przestaje mówić i POKAZUJE krój. Uczciwy podpis przy każdej. Meta-puenta: krawiec pokazuje własne uszyte numery. Jedyna strefa kina/ciemności.
Manifest → prenumerata (standard = 04 → partnership = 05) — powrót do papieru, redakcja mówi wprost: cięcie w jasność. Manifest redakcji (standard: czym mierzymy jakość — „Substancja ponad spektaklem"; ruch NAJCISZEJ, bo sekcja o powściągliwości musi być powściągliwa), prenumerata/opieka (partnership: „Zostajemy po starcie" — relacja po premierze numeru). Reveal redakcyjny, subtelny, jedna krzywa.
Tylna okładka (contact = 06) — cisza → jeden adres: strona wycisza się do jednego CTA (W13): niemal pusty ekran, ekstremalny oddech, copy contact + hello@createyourodyssey.com. Klamra (W15): tylna okładka rymuje okładkę — ten sam gest typograficzny / skala mastheadu.
Boczne wejście (blog): w nav/stopce przewidziane wejście do bloga (Dziennik / Notes / Journal — nazwa: kontra-jezyk) jako stała kotwica. Sam blog = osobny moduł później.

Test motion-narrative: usuń cały ruch → opowieść stoi (copy niesie sens), ale traci dowód formy („krój na miarę" na scrollu). Ruch = drugi, równoległy kanał tej samej tezy — to go usprawiedliwia.

8. Storyboard rozkładówek (7 spreadów — twarde minimum: kompozycja plakatowa)

Każda rozkładówka: (a) świat foto WŁASNY (dozwolony), (b) kompozycja plakatowa (typografia-bohater lub partner figury NA obrazie — NIGDY split), (c) aparat redakcyjny (kicker + didaskalia + ambient), (d) hover celowy. Desktop = poziomy kadr: bohater/blocking na osi X (kadr-poziomy.md). Rozkładówka the-gap ma OSOBNY dokument-koncept — projektowana po tej rewizji, nie tu.

Motion macro: M4 scrollytelling (rozkładówki) + ambient ken-burns w każdej sekcji + jedna krzywa. Trzy warstwy spięte jedną „ręką":

- AMBIENT (żyje zawsze, trigger: czas, niska amplituda): ken-burns wolny na zdjęciach sesji (≤1.04 scale, 20–30s) + ziarno CSS + wolny puls cynober-glow. Bez filmu wideo w tle (hero = still Z-Image + ken-burns, zaakceptowane). - SCROLL-DRIVEN (montaż rozkładówek): kinetyka tezy (składanie linii spod maski / scroll-fill), reveal wejść (Y+20px→0), parallax warstw (≤12%), wejścia kart archiwum. - HOVER (interakcja celowa): podgląd realizacji, głębia kafli, podświetlenie linków, magnetyczne CTA. - JEDNA KRZYWA (W23): wszystko na cubic-bezier(0.25,1,0.5,1) (easeOutQuart), odmieniana TYLKO czasem: ~0.4s hover / ~0.8s reveal / ~1.0–1.2s wejście kart / ~20–30s ambient.

#	Sekcja (rozkładówka)	Emocja	Plan (skala ujęcia)	Świat foto (własny)	Ambient	Tekst	Hover
---	-------------	--------	---------------------	---------------------	---------	-------	-------
1	the-gap	trzeźwa diagnoza	plan średni — figura komentuje z brzegu, typografia-bohater	własny świat sesji — złoto DOZWOLONE (§2.4); figura couture Z-Image	ken-burns + parallax	teza-bohater + scroll-fill diagnozy (litery wygaszone→atrament)	słowa-klucze cynober; figura pogłębia
2	full-cycle	jasność procesu	plan średni — numerowana oś 4 etapów couture	sesja atelier couture (garnitur/suknia na formie, forma krawiecka) — NIE makro dłoni (§10)	ken-burns + ziarno; linia-oś żyje	4 etapy reveal sekwencyjny + numeracja mono liczy w górę	etap pod kursorem unosi się/rozjaśnia
3	proof ★	„zobacz krój"	plan ogólny — archiwum/lookbook w przestrzeni, karty różnej skali na osi X	inwersja walorów (atrament-tło) — dema świecą; kolor z realizacji	tło ciemniejsze, dryf gradientu atramentu (bez filmu)	nagłówek-most reveal; podpisy wjeżdżają z kartami	karta rośnie, sąsiednie cofają się (głębia), live-podgląd, cynober-rama
4	standard	substancja (manifest)	plan bliski redakcyjny — typografia-manifest, minimum figury	sesja spokojna / portret redakcyjny LUB czysta typografia-plakat — NIE makro faktury (§10)	ken-burns bardzo wolny + ziarno	„Substancja ponad spektaklem." reveal mierzony, NAJCISZEJ	cytat-klucz podświetla cynobrem
5	partnership	trwałość / prenumerata	plan średni — relacja w czasie	sesja couture ciągłość (ta sama linia, inna odsłona)	ken-burns + delikatny parallax	„Zostajemy po starcie." reveal; 1. osoba	hover = cieplejsze światło; link kontaktu kusi
6	contact	zaproszenie (tylna okładka)	plan ogólny (oddech) — finał z dużą pustką, cisza wokół CTA	finał — echo okładki, spokojniejszy (still)	tło żywe (oddech ziarna + wolny glow), gęstość spada	jedno zdanie reveal; adres pulsuje cynobrem; klamra W15 do okładki	magnetyczne CTA + underline-wipe
—	blog (wejście)	„jest więcej"	— (link)	—	—	w nav + stopka	hover podświetla

★ proof = archiwum/galeria realizacji, NIE film tła (decyzja usera). Dema = ŻYWE (zrzut/iframe/link), zero generacji.

Rytm rozkładówek (temperatura + gęstość falują — to robi smak): OKŁADKA (still) → diagnoza·własny świat (1) → atelier·jasno (2) → ⟪ARCHIWUM·kulminacja/inwersja⟫ (3) → manifest·cisza (4) → prenumerata (5) → tylna okładka·oddech (6). Wszystkie rozkładówki żyją, ale (3) archiwum to szczyt energii, a (4–6) opadają ku zaproszeniu — łuk dynamiki = łuk narracji.

Archiwum kolekcji (proof = 03 — rozpis, bo to kulminacja)

Dema (The Vault + nocta) jako lookbook zrealizowanych numerów — show robią PRACE.

Układ: off-center, asymetryczny — karty różnej skali na osi X (nie równy grid 2×1). Jedna wiodąca większa, druga kontrapunktem. Oddech między nimi.
Wejście (scroll): karty wjeżdżają staggerem — clip-reveal (maska od dołu) + scale(1.04→1) + translateY, ~1.0–1.2s, jedna krzywa. Montaż, nie wszystkie naraz.
Hover (bogaty, celowy): karta pod kursorem rośnie (scale 1→1.03), sąsiednie cofają się (scale 0.99 + przyciemnienie) = głębia pola; live-podgląd (iframe/zrzut→pętla) + cynober-rama + podpis wjeżdża; kursor-label „Otwórz ↗".
Parallax wewnątrz: karty dryfują z różną prędkością (≤12%).
Podpisy: uczciwe jedno zdanie (copy proof), mono, wjeżdżają z kartą.

9. Sygnaturowy moment / memorable element (jeden na stronę)

SYGNATURA = „żywa redakcja magazynu": aparat redakcyjny + tykający puls online, jako jeden organizm.

Kotwica (memorable, prawdziwy detal): żywy stempel `[HH:MM · ONLINE]` w rogu (mono, wariant „żywa kotwica — puls", W11). Tyka 1×/s — prawdziwa informacja: „za tym ekranem siedzi realny człowiek, teraz". BEZ miasta jako sygnału lokalnego (studio 100% online/zdalne; „Warszawa" najwyżej jako strefa CET, NIGDY „przyjdź do nas"). To jest sygnatura „bez logo rozpoznasz".
Aparat wspierający: mono-kickery (NN / NAZWA) w rogu każdej rozkładówki + kinetyka tezy (składanie linii spod maski) — powtarzalny rytm redakcji.

Dlaczego bez WebGL: premium robi precyzja typografii, kompozycja plakatowa i sesja couture, nie shader. Kinetyka (składanie tezy, karty archiwum, ken-burns) = czysty DOM + CSS scroll-driven (animation-timeline: view()/scroll()) + clip-path + transform/opacity. Zgodne ze studiem: craft > ciężki WebGL. Test bez logo: Fraunces-kursywa-tytuł składający się spod maski na sesji couture + tykający [HH:MM · ONLINE] + archiwum, które ożywa pod kursorem = rozpoznasz tę stronę bez wordmarku.

10. Assety (fotoreal couture/moda — WYKONALNE, ludzie tylko Z-Image)

Plan obrazu = FOTOREAL KONKRETÓW (figury couture / sesje modowe / przedmioty mody), NIGDY abstrakcja/makro faktury. Ziarno/gradient/maski → CSS (build). Świat: magazyn modowy / atelier couture, elegancja edytorialna. Każda rozkładówka MOŻE mieć własną sesję (temperaturę/tło) — spójność trzyma język, nie jedna sesja.

TWARDE ZAKAZY OBRAZU (memory — egzekwować w prompcie):

Ludzie = WYŁĄCZNIE Z-Image (zimage-base), pełna rozdzielczość, nigdy turbo/potaniacze (memory ludzie-tylko-zimage).
ZERO makro/ekstremalnych zbliżeń faktury jako obrazów sekcji (memory zakaz-makro-detalu) — standard NIE jest makro tkaniny.
ZERO „dłoni przy pracy" / warsztatu / narzędzi / czcionek (memory zakaz-rzemioslo-warsztat) — atelier couture pokazujemy przez FIGURĘ/formę/garment editorialnie, nie przez makro rąk krawca. full-cycle = sesja couture, nie reportaż z szycia.
ZERO pasków/taśm/szwów sugerujących skrępowanie na gołej skórze (memory zakaz-obrazow-skrepowania) — napięcie z pozy/kadru, nigdy z więzów.
Seria = różne pozy + różne seedy (memory seria-rozne-pozy, seria-rozne-seedy): każdy kadr inna poza/kompozycja, każdy z jawnym innym --seed; spójność trzyma światło/paleta, nie poza.

# Rozkładówka	Typ	Co przedstawia (fotoreal konkret)	Świat / temperatura	Rola	Model
---------------	-----	-----------------------------------	---------------------	------	-------
1 the-gap	STILL (Z-Image)	Figura couture komentująca z brzegu; typografia-bohater w uwolnionej przestrzeni. Własny świat sesji — złoto DOZWOLONE (§2.4).	diagnoza, własna temperatura (złoto OK)	tło sekcji (ken-burns) pod typografią-bohaterem	zimage-base
2 full-cycle	STILL (Z-Image lub garment)	Atelier couture edytorialnie: forma krawiecka / suknia-garnitur na formie / figura w kolejnych odsłonach kroju — NIE makro dłoni. 4 etapy niesie TYPOGRAFIA (numerowana lista), obraz = kontekst.	jasny, uporządkowany atelier	tło pod numerowaną osią etapów	zimage-base / FLUX (garment)
3 proof	brak generacji	Archiwum = ŻYWE dema (zrzut/iframe/link `site/4elements/`, `site/nocta/`). Tło = CSS gradient atramentu (inwersja).	ciemniejsze, dema świecą	—	— (build)
4 standard	STILL (Z-Image) LUB czysta typografia	Manifest: portret redakcyjny spokojny LUB rozkładówka czysto typograficzna (plakat-manifest). NIE makro faktury.	spokojne, redakcyjne	tło pod manifestem (lub bez obrazu)	zimage-base / brak
5 partnership	STILL (Z-Image)	Ciągłość couture: ta sama linia/sesja w innej odsłonie (relacja w czasie). Inna poza niż poprzednie.	ciepłe, stabilne	tło sekcji	zimage-base
6 contact	STILL (echo okładki)	Klamra: powrót do świata okładki, spokojniejszy — tylna okładka, zaproszenie.	ciche, otwarte	finałowy kadr, oddech, klamra	zimage-base

Dema (proof): ŻYWE — zrzut/<iframe>/link, ZERO generacji. Tekstura papieru/ziarno na jasnych rozkładówkach = CSS.

Budżet mediów (faza 2, kontra-media): 0 wideo (cała strona na stillach + CSS ambient — hero zaakceptowany jako still + ken-burns). Do ~5–6 stilli Z-Image (okładka już jest / wzorzec; the-gap, full-cycle, partnership, ewentualnie standard, contact-echo). Workflow: draft → wybór → jakościowy still per rozkładówka, każdy inny seed. Pool poza projektem (generated/odyssey/), do projektu tylko finał przez promote.sh (memory pool-generacji-poza-projektami). Prompty powstają w fazie 2 (cinematic→photo-prompt→fal) — TU kierunek, nie prompt.

Spójność świata (klucz przy wielu sesjach): NIE wymagamy jednej sesji na całą stronę (korekta usera). Rozkładówki mogą mieć różne temperatury/tła. Spójność trzyma JĘZYK (§2): typografia, cynober, aparat redakcyjny, poziom kompozycji plakatowej.

11. Anti-slop (świadome NIE — dla TEJ strony)

NIE split `tekst | zdjęcie` bez przenikania warstw (grzech s2, ANTY-wzorzec the-gap-s2-porownanie.png). Zawsze kompozycja plakatowa: typografia-bohater lub partner figury NA obrazie (§2.3).
NIE „kolejny czarny portfolio-film" 1:1 jak dema — homepage ma WŁASNY świat (magazyn modowy/couture, Fraunces-kursywa, papier rdzenia), inwersja/kino TYLKO w archiwum (proof).
NIE „we craft immersive experiences" / scroll-manifest / fałszywe staty w COPY (anty-ściema = SŁOWA; copy.md już to trzyma).
NIE grid 4 identycznych kart z ikoną na full-cycle (slop #4 — numerowana lista typograficzna z sekwencyjnym reveal). Nav nie jest belką logo-środek-CTA-sticky-hairline (slop #5).
NIE fade-in IDENTYCZNY na każdej rozkładówce / `transition: all` / loader >1s / WebGL „bo można". Ruch zróżnicowany: kinetyka okładki ≠ scroll-fill the-gap ≠ archiwum proof ≠ ken-burns standard.
NIE tandeta bogactwa: drugi kolor UI poza cynobrem; druga krzywa; losowy hover; ambient wysokiej amplitudy (migotanie); tekst nieczytelny na obrazie (zawsze maska kontrastu AA).
NIE figura-dominanta powtórzona z sąsiedniej rozkładówki; NIE ta sama poza/seed w serii (memory).
NIE makro faktury/dłoni; NIE warsztat/rzemiosło/narzędzia; NIE paski-skrępowanie na skórze (§10 twarde zakazy, memory).

Przy buildzie: preferuj transform/opacity/clip-path/filter (slop #9 — nie transition: all); jedna krzywa W23; cynober <5%; pełny `prefers-reduced-motion` fallback — treść kompletna bez ruchu (scroll-fill→pełny walor od razu; ken-burns/parallax off; ambient off; postery statyczne); lazy-load mediów; LCP <2.5s, CLS <0.1.

12. Referencje (z banku wzorców — miks, nie klon; ≥2 różne)

Wzorzec-parasol tej rewizji: ORYZO (references/wzorniki/oryzo.md) — koncept-parasol ponad efektami + złamanie palety z powodu fabularnego. Miks z wzorcami redakcyjnymi/ruchu.

ORYZO — koncept-parasol ponad efektami → JEDEN pomysł („na miarę vs konfekcja") organizuje każdą rozkładówkę i uzasadnia każdy efekt; efekt bez powodu zakazany. To budżet SENSU, nie budżetu ruchu.
ORYZO — złamanie palety z powodu FABULARNEGO → rozkładówka łamie rdzeń (papier/atrament/cynober) raz, z powodu świata sesji (np. złoto the-gap), i wraca (§2.4). Kolor uzasadniony treścią, nie „żeby żyło".
W1 kolor-tylko-z-treści → UI trzyma papier + atrament + cynober <5%; chromatyka spoza akcentu wchodzi przez fotografię sesji i kafle realizacji. Inwersja źródła: neutrale JASNE (papier), bo to rama dla magazynu, nie ciemne portfolio.
W3 skala-bez-środka → kontrast skali ekstremalny (Fraunces display vs drobny body/mono), bez drabinki pośredniej.
W-Artiox / W-MONOLOG — typografia-bohater + didaskalia → słowo jako obiekt sceny; typografia rządzi rozkładówką, figura komentuje z brzegu. Kradniemy ZASADĘ (słowo prowadzi, obraz partneruje), NIE glify/frazy źródeł.
W7 czytanie-scrollem → tezy wypełniają się walorem w tempie scrolla (scroll-fill) — dosłowny dowód copy „ruch prowadzi wzrok".
W8 montaż-przez-nasunięcie → karty archiwum (proof) wjeżdżają/nasuwają się (clip/scale-reveal), nie crossfade; „montuje się jak film" mechaniką, w JEDNEJ strefie.
W11 didaskalia-w-nawiasach (wariant żywa kotwica-puls) → (NN / NAZWA) na każdej rozkładówce + żywy [HH:MM · ONLINE] jako memorable (§9).
W13 cisza-przed-finałem → tylna okładka (contact): jedno CTA na niemal pustym ekranie; waga z pauzy.
W15 klamra-pętla → tylna okładka rymuje okładkę tym samym gestem/skalą mastheadu.
W23 jedna-krzywa-ruchu → JEDEN easing (easeOutQuart) na całość, odmieniany tylko czasem. Tożsamość ruchu przez jedną krzywą.
W27 inwersja-walorów-jako-montaż → temperatura/walor falują między rozkładówkami; atrament↔papier jako rytm; archiwum = inwersja.

13. Motion studies (spec słowny dla kontra-build)

Każdy study mapuje na jedną rozkładówkę (§8). Build na tokenach foundation.css + CSS scroll-driven (animation-timeline: scroll()/view()); GSAP tylko jeśli scroll-fill przekroczy CSS. Jedna krzywa W23 (--ease-quart: cubic-bezier(0.25,1,0.5,1)), odmieniana czasem. Każdy study MA fallback reduced-motion. Zero filmu wideo, zero WebGL.

Okładka (hero) — pełny rozpis §14. Skrót:

Ambient (zawsze): ken-burns wolny na stillu + dryf ziarna + wolny puls cynober-glow. (NIE film.)
on-load tekst: linie tytułu-tezy spod maski clip-path + translateY(0.4em→0), stagger ~70ms, ~0.8s.
Po settle: subtelny float (≤3px, ~6s) — żyje; stempel tyka.
Hover: masthead/CTA magnetyczny; stempel podświetla cynobrem.
Reduced motion: still statyczny; tekst pełny; stempel tyka (informacja).

the-gap (01) — typografia-bohater + scroll-fill (rozkładówka projektowana osobno)

Ambient: ken-burns wolny na sesji (≤1.04, ~25s) + ziarno.
Scroll: teza-bohater + scroll-fill diagnozy (litery wygaszone→atrament w tempie czytania); parallax figury (wolniej niż tekst).
Hover: słowa-klucze cynober; figura pogłębia.
Reduced motion: tekst pełny od razu; ken-burns/parallax off.

full-cycle (02) — sekwencyjny reveal 4 etapów couture

Ambient: ken-burns sesji atelier + ziarno; linia-oś pulsuje.
Scroll: 4 etapy reveal sekwencyjny (translateY 20px→0, stagger ~120ms); numeracja mono liczy w górę; oś rośnie.
Hover: etap pod kursorem unosi się/rozjaśnia.
Reduced motion: etapy widoczne, oś statyczna, ken-burns off.

proof (03) — archiwum/lookbook (kulminacja, inwersja)

Ambient: tło ciemniejsze, dryf gradientu atramentu (NIE film).
Scroll: karty wjeżdżają staggerem (clip-reveal + scale 1.04→1 + translateY, ~1.0–1.2s); parallax ≤12%.
Hover: karta scale 1→1.03, sąsiednie scale 0.99+przyciemnienie; live-podgląd; cynober-rama; podpis; kursor-label „Otwórz ↗".
Reduced motion: karty statyczne (postery); hover→tylko cynober-rama.

standard (04) — manifest (najciszej)

Ambient: ken-burns bardzo wolny (~30s) LUB czysta typografia (bez obrazu) + ziarno.
Scroll: „Substancja ponad spektaklem." reveal spokojny, mierzony.
Hover: cytat-klucz podświetla cynobrem.
Reduced motion: statyczne, ken-burns off.

partnership (05) — trwałość/prenumerata

Ambient: ken-burns + delikatny parallax + ziarno.
Scroll: „Zostajemy po starcie." reveal.
Hover: cieplejsze światło; link kontaktu kusi.
Reduced motion: statyczne.

contact (06) — tylna okładka + klamra (W15)

Ambient: tło żywe (oddech ziarna + wolny glow), gęstość spada.
Scroll: jedno zdanie reveal; adres pulsuje cynobrem; klamra = masthead rymuje okładkę.
Hover: magnetyczne CTA + underline-wipe.
Reduced motion: statyczne; glow off; CTA hover zostaje.

Ambient globalny

Każda rozkładówka: ciągły ambient (ken-burns/ziarno/glow), trigger czas, niska amplituda. Bez wideo.
Stempel [HH:MM · ONLINE] tyka 1×/s.
Wspólny rytm (jedna krzywa) — bogactwo nie męczy.
Reduced motion: cały ambient OFF; treść i stille kompletne.

14. OKŁADKA (hero) — rozpis (ZAAKCEPTOWANY look — nie przeprojektowywać, doprecyzować pod magazyn)

Hero = wzorzec looku (hero-s1-porownanie.png, user: „tak wygląda Vogue"). Ten rozpis PORZĄDKUJE go pod parasol/magazyn, NIE zmienia zaakceptowanej estetyki. Nie ma tu filmu — still Z-Image + ken-burns.

A. Wygląd (okładka magazynu)

Kompozycja: poziomy kadr, figura couture off-center (oś X) + teza-tytuł jak nagłówek okładki (copy hero H1 VERBATIM) — Fraunces kursywa monumentalna, line-height <1.05, tracking lekko ujemny, zbita masa. Typografia = partner figury NA obrazie (nie kolumna obok — §2.3).
Masthead (zamiast numeru sekcji — reguła §3.1): ODYSSEY + linia numeru/wydania + żywy stempel [HH:MM · ONLINE] (mono, róg). Winieta okładki, nie belka-sticky-hairline.
Akcent cynober: jeden punkt — aktywny język LUB CTA LUB kropka ONLINE. <5%.
Czytelność na obrazie (krytyczne): pod tezą gradient-maska / spokojniejsza strefa kadru gwarantująca kontrast AA. Obraz nigdy nie zjada tytułu (sesja skomponowana tak, by strefa tytułu była gładsza).
Nav = spis treści: wordmark ODYSSEY lewa krawędź; EN/PL/ES + „Kontakt" prawa krawędź; cienki, redakcyjny.

B. Obraz (dla kontra-media — kierunek, prompt w fazie 2)

Co: figura couture (moda na miarę), sesja okładkowa edytorialna, off-center; poza inna niż pozostałe rozkładówki. Ludzie = Z-Image, pełna rozdzielczość (memory). Fotoreal konkret — figura/strój, nie abstrakcja.
Świat/temperatura: ciepłe premium okładki; rdzeń papier/atrament + cynober jako punkt (makijaż/biżuteria/element stroju), zgodnie z zaakceptowanym s1.
ZAKAZY (§10): zero warsztatu/dłoni-przy-pracy/narzędzi; zero makro faktury; zero pasków-skrępowania na skórze; napięcie z pozy/kadru.
Format: 16:9 desktop + kadr bezpieczny pod crop mobile. Still (nie wideo) — ambient robi ken-burns CSS.

C. Animacja tytułu (on-load + życie)

on-load: linie tytułu wjeżdżają spod maski clip-path (inset od dołu) + translateY(0.4em→0) + opacity, linia po linii, stagger ~70ms, ~0.8s, --ease-quart.
Po settle: subtelny float (≤3px, pętla ~6s) — żyje; stempel tyka.

D. Hover

Nav/CTA: magnetyczny + underline-wipe cynober.
Masthead/stempel: podświetla cynobrem przy zbliżeniu.

E. Ambient (zawsze żywy, niska amplituda)

Ken-burns wolny na stillu (≤1.04, ~25s) + dryf ziarna CSS + wolny puls cynober-glow. Trigger: czas. Bez filmu.
Reduced motion: still statyczny; tekst pełny; ziarno/glow off; stempel tyka. Treść 100% kompletna.

Notatka przekazania (orchestrator → kontra-build / kontra-media po tej rewizji)

Copy: ZATWIERDZONE VERBATIM w content/copy.md (7 bloków). NIE przepisywać. Korekty = nowy run Kimi (NIE Claude) — memory copy-nie-od-claude.
Akcent: cynober — ZATWIERDZONY, token w foundation.
Kolejność następnych kroków:

1. Rozkładówka the-gap (01) — OSOBNY dokument-koncept kontra-art (kompozycja plakatowa wg §2.3 + mapa stref N1; świat foto sesji rozstrzyga rozkładówka, złoto dozwolone). To pierwszy krok po tej rewizji. 2. Build per-rozkładówka z gotowym copy (anti-tunel: rozlicz CAŁĄ checklistę), mapa stref w każdym tasku (N1), audyt par sąsiednich (N3: „ten sam MAGAZYN?"). 3. Numeracja: okładka bez numeru; rozkładówki (01/…)–(06/…); spis treści 1:1 (§3.1; naprawa bugu N6). 4. Smak = dyscyplina: jeden akcent cynober <5%; jedna krzywa; Fraunces+DM Sans+DM Mono; kompozycja plakatowa (nigdy split); hover celowy. 5. Czytelność na obrazie: maska kontrastu AA na każdym tekście na zdjęciu. 6. Reduced-motion: pełny fallback (§13); treść+stille kompletne.

Faza 2 (kontra-media): stille Z-Image per rozkładówka (§10), różne pozy/seedy, pool poza projektem → promote finał. 0 wideo. HERO wzorzec istnieje.
Decyzje build/jezyk: CSS scroll-driven vs GSAP (build); nazwa sekcji bloga (kontra-jezyk); czy standard ma figurę czy czystą typografię (build+DA na screenie).

CHANGELOG

2026-07-03 — FIX (bez zmiany treści): nagłówek tabeli storyboardu §8 pod parser bramki

Zmiana nagłówka kolumny tożsamości Rozkładówka → Sekcja (rozkładówka) w tabeli §8 — parser kontra-gate wymaga literału „sekcja" na osi treści storyboardu; oś była niesiona merytorycznie (kolumny Rozkładówka + Emocja), ale formalnie FAIL blokował build the-gap. Zero zmiany designu/semantyki (§0.3 nietknięte).

2026-07-03 — REWIZJA G1-redux: parasol „NA MIARĘ vs KONFEKCJA" + medium magazyn modowy + spójność = język edytorialny

Powód: werdykty usera 2026-07-03. s1 (hero) zaakceptowany jako wzorzec looku („tak wygląda Vogue"); s2 (the-gap) odrzucony jako generyk KOMPOZYCJI (split, typografia w kolumnie). Zatwierdzony koncept-parasol + medium + definicja spójności (user: „lecisz").

USUNIĘTE (martwe tezy — złamanie zakazów usera):

Cały świat „fotografia warsztatu / rzemiosła / dłoni / czcionek" (dawne §1, §10, §14.B) — złamanie absolutnego zakazu z memory zakaz-rzemioslo-warsztat. Zastąpiony światem couture / magazyn modowy.
„Film w tle hero" (dawne §2, §14.B, §10 wideo) — koliduje z zaakceptowanym hero (still Z-Image + ken-burns). Budżet wideo: 2 → 0.
Stare łuki narracyjne oparte na warsztacie (dawne §6, §7 tabela) — przepisane na łuk couture (konfekcja → atelier → archiwum).
Rejestr „filmowy-immersyjny pełny" → edytorialny (magazynowy) z kinowym akcentem w archiwum (proof).

DODANE (nowy kanon):

§0 koncept-parasol „na miarę vs konfekcja" (mechanizm oryzo: jeden pomysł organizuje każdą rozkładówkę) + medium magazyn modowy (sekcja = rozkładówka, mapowanie 7 sekcji).
§2 definicja spójności = JĘZYK EDYTORIALNY, nie paleta (korekta usera): 4 filary (typografia / cynober / aparat redakcyjny / poziom kompozycji plakatowej); własny świat foto sekcji dozwolony (złoto the-gap OK); reguła złamania palety z oryzo (fabularne, raz, powrót).
§2.3 twarde minimum: kompozycja plakatowa (typografia-bohater lub partner figury NA obrazie; ZAKAZ splitu).
§3.1 reguła numeracji — okładka bez numeru; rozkładówki 01–06; spis treści 1:1 (kasuje rozjazd).
§9 memorable przeniesiony na żywy stempel [HH:MM · ONLINE] + aparat redakcyjny jako sygnatura.

ZACHOWANE (zatwierdzone wcześniej): copy v4 VERBATIM; paleta papier+atrament+cynober jako RDZEŃ (z wyjątkami per rozkładówka §2.4); typografia Fraunces+DM Sans+DM Mono; akcent cynober; rytm walorowy; hero jako wzorzec looku; marka ODYSSEY; zakaz słowa na „K"; ton zero-ściemy w copy.

Artefakty oznaczone NIEAKTUALNE (nie kasowane): content/rozkladowka-the-gap.md, content/the-gap-koncept.md — the-gap projektowana od nowa po tej rewizji.

2026-06-30 (II) — REWIZJA MAKSYMALISTYCZNA (PORZUCONA 2026-07-03)

Historyczna. Świat „warsztat/film" — porzucony jako złamanie zakazu usera. Zostawiona dla śladu decyzji.

Mandat skali mediów/ruchu w górę: film w tle hero, 7 obrazów warsztatu, galeria proof, ambient zawsze. Świat warsztatu + film hero zastąpione 2026-07-03 (couture/magazyn, still). Zachowane z niej tylko: dyscyplina ruchu (jedna krzywa, ambient niskiej amplitudy, reduced-motion), galeria/archiwum proof, memorable stempel.

2026-06-30 — REWIZJA: warstwa PREMIUM CRAFT (PORZUCONA częściowo)

Historyczna. Wprowadziła ruch/scroll-driven/kinetykę (ZACHOWANE) oraz świat warsztatu i film hero (PORZUCONE 2026-07-03). Baza papierowa, typografia serif+grotesk+mono, memorable stempel, anty-slop — zachowane.