Stylizacja
Ciemna kolorystyka — podstawowe tło czarne lub głęboki grafit. Kolor akcentowy do zatwierdzenia z klientem (opcje: biały, elektryczny niebieski, żółty neon). Typografia duża i pogrubiona, styl editorialny z wyraźną hierarchią. Karty w stylu glassmorphism z cienką jasną ramką. Ogólne odczucie — drogo, technologicznie, nowocześnie. Referencje dostarczone przez klienta (Terrixa, SEOtalos).
Strona 1 — Strona główna
Hero. Sekcja na pełnym ekranie. Duży H1 z USP studia, podtytuł, dwa przyciski — primary i outline. Tło — abstrakcyjny obiekt 3D lub ruchomy gradient (pokazać w formie statycznej z oznaczeniem „tutaj animacja”). Pod przyciskami trust-bar z logo lub niszami klientów.
Dlaczego My. 4-6 kart w siatce. Każda zawiera ikonę SVG, nagłówek i krótki opis. Styl kart glassmorphism.
O nas. Dwukolumnowy blok. Po lewej stronie tekst i 3-4 duże liczby z podpisami (liczba projektów, klientów, lat). Po prawej zdjęcie lub element 3D.
Opinie. Slider. Karty z awatarem, imieniem, stanowiskiem, tekstem opinii i gwiazdkami. Oznaczyć strzałki przełączania.
Ceny. Cztery karty w rzędzie: Strona wizytówka, Landing, Korporacyjny, Sklep internetowy. Każda karta zawiera nazwę taryfy, cenę „od X zł”, listę tego, co wchodzi oraz przycisk CTA. Średnia karta wyróżniona akcentem jako „Popularny wybór”.
Blog. Pozioma karuzela z trzema widocznymi kartami. Karta zawiera okładkę, kategorię, nagłówek oraz przycisk „Czytaj”.
Baner zniżki. Pełno szerokości kontrastowy blok z tekstem promocji, zegarem odliczającym oraz przyciskiem.
Formularz zgłoszeniowy. Ciemny blok, duży nagłówek, formularz z polami Imię, Telefon, Usługa (dropdown) oraz przyciskiem wysyłania.
Stopka. Trzy-cztery kolumny: logo i opis, nawigacja, kontakty, media społecznościowe. Copyright na dole.
Strona 2 — Szablon usługi
Jedna strona, która pasuje do wszystkich czterech usług. Struktura: blok hero z nazwą usługi i CTA, blok „Co wchodzi” w formie kart checklist, poziomy harmonogram „Jak pracujemy” z pięciu kroków, mini-portfolio z trzech przykładów, blok z ceną oraz końcowy formularz zgłoszeniowy.
Strona 3 — Szablon artykułu blogowego
Dwukolumnowy układ. Lewa kolumna 70% — okładka artykułu, nagłówek H1, meta (data, kategoria), treść artykułu ze stylizowanymi H2, H3, cytatami i listami. Prawa kolumna 30% — sticky sidebar z blokiem CTA „Potrzebujesz strony?” oraz listą ostatnich artykułów. Na dole blok „Przeczytaj także” z trzema kartami.
Wymagania dotyczące pliku Figma
Wszystkie strony w oddzielnych ramkach z podpisami. Użycie komponentów i wariantów dla kart, przycisków, formularzy. Kolory i czcionki zdefiniowane jako style. Ikony w formacie SVG lub przez Figma Community. Czcionki tylko z Google Fonts. Oznaczyć wszystkie elementy, gdzie przewidziana jest animacja.