Dealyo — posty, karuzela i reklamy

Zestaw v0.4: propozycje kompozycji stworzone na zamówienie Daniela, a nie wcześniej zatwierdzone szablony kampanii. Treści są przykładami do oceny wyglądu. Nie zawierają danych ani wyników klientów.

Co zawiera zestaw

• posts.html + posts.css: trzy posty — teza, proces, checklista.
• carousel.html + carousel.css: pięć slajdów jednej historii o kontakcie po formularzu.
• ads.html + ads.css: trzy reklamy — problem, usługa i pion z portretem Daniela.
• social.css: wspólna konstrukcja płócien; social.js: wyłącznie skalowanie podglądu.
• exports/: PNG w rozmiarze 1080 × 1080, 1080 × 1350 lub 1080 × 1920.

Wymiary są przyjętymi płótnami roboczymi. Przed użyciem sprawdź aktualne wymagania wybranego miejsca emisji, obszary zasłaniane przez interfejs i kadrowanie. Pionowy plik nie jest automatycznie gotowy do każdego placementu.

Edycja

1. Pobierz paczkę „Źródła i PNG” i rozpakuj ją. Zachowaj układ folderów.
2. Otwórz social/index.html, a następnie wybraną kategorię. Do edycji użyj pliku HTML i odpowiadającego CSS w edytorze kodu lub poproś agenta o zmianę.
3. Zmieniaj treści wewnątrz wybranego article.artboard. Nazwy id wskazują pliki eksportu. Nie zmieniaj identyfikatorów, jeśli chcesz zachować działające linki pobierania.
4. Wybierz ilustrację, która wyjaśnia treść. Nie zamieniaj logo, fontu ani pomarańczu #FE4A23. Boxy pozostają bez radius.
5. Skracaj tekst, gdy przestaje się mieścić. Nie pomniejszaj go automatycznie, żeby wypełnić szablon. Sprawdź obraz po pomniejszeniu do szerokości telefonu.
6. W karuzeli utrzymuj spójny temat, pozycję logo i numerację. Każdy slajd ma jedną funkcję; ostatni prowadzi do jednego działania.

Eksport po zmianach

PNG nie aktualizują się po edycji HTML. W środowisku Node z zainstalowanym Playwright i Chromium uruchom:

node social/export.cjs

Skrypt korzysta z lokalnego pakietu playwright; alternatywnie zmienna DEALYO_PLAYWRIGHT może wskazać istniejący pakiet. Nie instaluje zależności samodzielnie. Eksportuje 11 artboardów bez interfejsu galerii, w pełnych wymiarach, i zapisuje raport do social/exports/export-report.json. W razie wykrytego przepełnienia zatrzymuje się. Nie usuwa starych eksportów — po błędzie część plików może pozostać z poprzedniej wersji; popraw błąd i uruchom pełny eksport ponownie.

Przed publikacją

Dopasuj obietnicę i wezwanie do działania do faktycznej oferty i strony docelowej. Tekst „Zobacz, jak pracujemy” na grafice nie jest działającym linkiem. Nie dopisuj wyników, cen, opinii ani terminów bez źródła. Po zmianie treści obejrzyj każdy eksport, sprawdź kolejność slajdów oraz aktualne wymagania kanału. Reklamy w tej bibliotece są projektami graficznymi — nie zostały uruchomione.

Pochodzenie stylu

General Sans, pomarańcz i jasna kompozycja: landing audytu Dealyo. Techniczne etykiety i numeracja: audyt oraz prezentacja closerów. Diagramy i portret: oryginalne zasoby katalogu marki. Skala typografii, układy postów i formaty są nowymi adaptacjami do publikacji, pokazanymi do oceny.

Skład i czytelność podglądu

Nowe kompozycje mają większą typografię i mniej powtarzających się etykiet. Główna treść ma 54–64 px na płótnie 1080 px, pytania i wybrane wyróżnienia są większe. Istotne numery kroków i etykiety mają 54 px. Przy szerokości samej grafiki 286 px odpowiada to około 14–17 px. Stopki i adres marki są mniejsze; nie powinny zawierać informacji potrzebnej do zrozumienia przekazu.

Nie obniżaj rozmiaru tekstu, żeby zmieścić dłuższą treść. Skróć ją lub zmień skład. Sprawdź cały obraz w rozmiarze eksportu i na podglądzie 320 px, łącznie z podpisami diagramów, pytaniami i CTA. Sam brak przepełnienia nie potwierdza czytelności.

• Post z tezą: duży nagłówek oraz mapa strona → kontakt → rozmowa.
• Post z procesem: oryginalna ilustracja i trzy etapy, każdy z jednym zadaniem.
• Checklista: trzy pytania bez powtarzających się etykiet tematu.
• Karuzela: pytanie → potwierdzenie → dalszy kontakt → przygotowanie → lista do zapisania. Numer slajdu pojawia się w stopce.
• Reklamy: jeden przekaz, oryginalna ilustracja lub portret oraz jedno pełne CTA.

To propozycje kompozycji do tego zestawu, a nie nowe globalne zasady marki. Diagramy etapów i okno potwierdzenia są statycznymi elementami HTML/CSS z ikonami SVG. Rysunki i portret pozostają oryginalnymi plikami Dealyo. Kontenery ilustracji kadrują puste marginesy — po podmianie obrazu sprawdź, czy właściwe obiekty nadal widać w całości.

Galeria pokazuje siedem układów: trzy posty, jedną pięcioslajdową karuzelę i trzy reklamy. Większe podglądy zachowują proporcje kwadratu, pionowego posta i długiego pionu. Zmiany interfejsu galerii nie są częścią eksportowanych obrazów. Po edycji źródeł ponownie wygeneruj PNG oraz paczki ZIP.