Królik: demo A + B

Test-only (projekt mp-krolik-demo). Produkcja moneypulse.network nietykalna. Kolory z BRAND_GUIDELINES. Bez glow, blur, sztucznych teł. Self-host, zero CDN.

A) Hero – delikatny idle (mruganie + opcjonalny sprite)

A full-stack marketing agency and a CPA/CPL affiliate network

Mock hero. Na live LCP to H1 (lab mobile 956 ms). Animacja nie może być elementem LCP.

Become a Partner Book a Free Consultation

Sprite 4 klatki (przód 1–3–2), wysokość 200 px. AVIF preferowany, WebP fallback. prefers-reduced-motion → pierwsza klatka / bez mrugania.

Dodatek animacji A: eyes.webp = 2042 B; sprite_idle.webp = 17460 B; sprite_idle.avif = 8817 B. (pomiar ls -l lokalnie). Na live hero już ma przod-1-480.webp 44100 B; mruganie dodaje tylko warstwę oczu.

B) Sekcja wypłat – kopniak przy wejściu w viewport → CTA

Own traffic? Monetize it with us.

Mock sekcji For Affiliates. Scroll w dół, żeby odpalić IntersectionObserver (≥40% widoczne, raz).

Join the Network

Dodatek B: kopniak-240.webp = 18684 B (albo WebM wejścia 23555 B w tech/krolik/). Ruch CSS translate w stronę CTA, pointer-events:none. Reduced-motion: od razu pozycja końcowa, bez transition.

Budżet vs kryteria CMO

Animacja A (oczy): 2042 B ≤ 30 KB

Animacja A (sprite WebP): 17460 B ≤ 30 KB

Animacja B (kopniak 240): 18684 B ≤ 30 KB

Animacja B (WebM enter): 23555 B ≤ 30 KB

CLS: stałe width/height na img i slotach

CDN: brak (self-host na Pages)