Założenia projektu

Moduzel to firma produkująca komponenty stalowe oraz moduły, z których składają się gotowe konstrukcje domów. Marka musi jednocześnie komunikować dwie rzeczy: inżynierską precyzję stali (trwałość, powtarzalność, normy) i ciepło domu (przystępność, komfort, ludzki ton).

System projektowy obsługuje dwa główne zastosowania: stronę internetową (marketing, sprzedaż, generowanie leadów) i materiały reklamowe (slajdy ofertowe, prezentacje, social media).

Założenia komunikacyjne

• Ton głosu: rzeczowy, ale ludzki - jak dobry inżynier, który tłumaczy bez żargonu. Bez korpomowy („synergia", „dedykowany"), bez wykrzykników, bez emoji.
• Forma zwracania się: do klienta przez „Ty" („Policzmy Twój dom", „Prześlij rzut"). O sobie mówimy „my" („Projektujemy, produkujemy i montujemy").
• Nagłówki: krótkie, z jedną mocną myślą. Jedno słowo w kolorze akcentu tworzy punkt wejścia wzroku. Przykłady: „Budujemy dom, który trzyma pion przez pokolenia." / „Lekka konstrukcja. Ciężkie argumenty."
• Liczby z jednostką budują wiarygodność: „120+ domów", „12 tyg. montażu", „gwarancja 50 lat". Tylko realne, weryfikowalne dane.
• Etykiety (eyebrow): wersaliki ze szerokim spacjowaniem nad nagłówkami. Rzeczownikowe: DLACZEGO STAL, CO OFERUJEMY, NAJCZĘSTSZE PYTANIA.
• Wezwania do działania (CTA): czasownik + korzyść, krótko: „Zamów wycenę", „Zobacz realizacje", „Umów konsultację".

Kluczowe decyzje projektowe

• Akcent limonkowy = jedna iskra na widok. Główne CTA, jedno słowo w nagłówku, ikona - ale nigdy dominujący kolor ekranu. Oszczędność buduje elegancję.
• Ciemne sekcje (forest) przeplatane z jasnymi (piasek). Maksymalnie 1-2 ciemne sekcje na stronę - tworzą rytm i kontrast.
• Pigułkowe przyciski (pill). Pełne zaokrąglenie nadaje przystępność - równoważy techniczny charakter marki.
• Brak gradientów, tekstur i efektów neonowych. Kontrast budujemy dużymi płaszczyznami koloru. Spokój i profesjonalizm.
• Animacja spokojna: fade + delikatne przesunięcie, bez „bounce". Czasy 140/240/480 ms. Easing naturalny, nie mechaniczny.

Co przejęliśmy z Finovate

• Paletę kolorów: żywa limonka jako akcent + głęboka leśna zieleń jako kolor zaufania + ciepła, papierowa biel jako tła.
• Typografię: geometryczny, humanistyczny krój bezszeryfowy (użyliśmy Plus Jakarta Sans jako najbliższego odpowiednika).
• Kształt przycisków: pełna pigułka (pill) - miękkie, zapraszające, bez ostrych krawędzi.
• Układ nagłówkowy: mała etykieta (eyebrow) wersalikami nad głównym nagłówkiem, z jednym słowem w kolorze akcentu.
• Karty z miękkim zaokrągleniem: duży radius (22px), cienka ramka lub lekki cień.

Co zmieniliśmy

• Treści i fotografia: Finovate to motyw branży finansowej - wszystkie teksty, ikony i zdjęcia zostały przepisane pod branżę stalowo-modułową.
• Logo: nowy, masywny znak „M" z blokowymi kształtami (podkreśla przemysłowy charakter). To placeholder - do podmiany na docelowe logo klienta.
• Ikony: zestaw Lucide (cienka, równa kreska 2px) zamiast custom ikon z Finovate.
• Dodano rampy kolorów stalowych (steel): chłodne szarości przemysłowe do wykresów i drugorzędnego UI.

Elementy do uzupełnienia przez klienta

• Logo - obecne assets/logo.svg to placeholder. Po otrzymaniu docelowego pliku (SVG) podmienimy w całym systemie.
• Fonty - użyto Plus Jakarta Sans (Google Fonts). Jeśli klient ma licencjonowany krój marki - zamienimy.
• Zdjęcia - w prototypie użyto poglądowych wizualizacji. Docelowo: realne realizacje domów, hala produkcyjna, detale konstrukcji.
• Nazwa „Moduzel" - przyjęta roboczo. Do potwierdzenia lub zmiany.