Bohater strony docelowej z motywem kwiatowym w odcieniach półtonów

Cel: Stworzenie dopracowanego, pionowego mockupa hero strony docelowej dla usługi subskrypcji projektów, z nostalgicznym wyglądem rastra półtonowego i precyzją projektowania stron internetowych w stylu Figmy.

Kanwa: Obraz w formacie portretowym 3:4 na czarnym tle. Wycentruj wysoki, zaokrąglony prostokąt karty strony internetowej z dużymi zaokrąglonymi rogami, zajmujący większość kadru i pozostawiający grube czarne marginesy wokół niego.

Wizualizacja główna: Wewnątrz karty użyj marzycielskiej, skierowanej ku górze sceny w stylu fotografii z polnymi kwiatami na tle błękitnego nieba z miękkimi białymi chmurami. Zastosuj silną teksturę rastra półtonowego na całym obrazie karty. Dodaj ciemny czarny gradient od dołu, tak aby dolna połowa stała się nastrojowa i czytelna, a górna pozostała jasnoniebieska. Widoczne elementy kwiatowe powinny zawierać dokładnie 9 głównych kwiatów: 1 częściowy żółty kwiat w lewym górnym rogu, 1 różowy kwiat w pobliżu górnej lewej strony, 2 białe stokrotki skupione po lewej stronie w środku, 1 duży biały kosmos po prawej stronie w środku, 1 biała stokrotka w pobliżu dolnej lewej strony, 1 mały niebieskawy kwiat w pobliżu dolnego środka, 1 różowy kwiat w prawym dolnym rogu i 1 ciemny częściowo ukryty biały kwiat na dolnej prawej krawędzi, plus cienkie łodygi i maleńkie pąki babiej polny.

Nawigacja górna: Umieść dokładnie 3 małe, owalne przyciski wycentrowane w górnej części karty z subtelnym stylem szkła/rozmycia i miękkimi cieniami. Tekst przycisku 1: "{argument name="login button text" default="Login"}" na ciemnoszarym owalu. Tekst przycisku 2: "{argument name="booking button text" default="Book a call"}" z małą białą ikoną telefonu przed tekstem na ciepłym, ciemnym, przezroczystym owalu. Tekst przycisku 3: "{argument name="pricing button text" default="See pricing"}" na bladoniebieskim, matowym szaro-niebieskim owalu. Użyj małej, czystej, bezszeryfowej białej czcionki.

Szczegóły w centrum: Dodaj jeden wskaźnik ładowania na środku karty, wykonany z białego okrągłego pierścienia z małą pomarańczowo-czerwoną kropką w dolnej lewej części pierścienia. Zachowaj prostotę i wyrazistość.

Typografia hero: W pobliżu dolnej trzeciej części wycentruj duży, elegancki biały nagłówek szeryfowy brzmiący "{argument name="headline text" default="Design & dev\non subscription"}". Pierwsza linia brzmi „Design & dev”; druga linia brzmi „on subscription”, przy czym słowo „subscription” jest napisane kursywą szeryfową. Użyj wyrafinowanej, kontrastowej czcionki, hojnego odstępu między literami i luksusowego wyglądu edytorskiego.

Wezwanie do działania: Poniżej nagłówka wycentruj małe białe CTA brzmiące "{argument name="call to action text" default="See Plans"}" po którym następuje cienka strzałka w prawo. Zachowaj minimalizm i dopasowanie do nagłówka.

Ograniczenia stylistyczne: Wysokiej klasy projekt hero strony internetowej, realistyczne kwiatowe tło nieba, tekstura rastra półtonowego, ciemny, filmowy spadek na dole, zaokrąglone rogi karty, brak ramek przeglądarki, brak dodatkowych logo, brak znaku wodnego, brak dodatkowego tekstu poza 3 przyciskami nawigacyjnymi, nagłówkiem i CTA.