Strona docelowa DevKnow SaaS

Użyj REFERENCE_0 jako zrzutu ekranu interfejsu użytkownika produktu i przekształć go w piękną japońską stronę docelową SaaS dla {argument name="product name" default="DevKnow"}. Zachowaj rozpoznawalność zrzutu ekranu aplikacji, umieszczając go po prawej stronie ekranu głównego w polu podglądu przeglądarki/modelu z dużymi, zaokrąglonymi rogami, odpowiednio zmniejszając jego rozmiar i dodając miękkie cienie oraz subtelne fioletowe abstrakcyjne linie/dekoracje gradientowe w tle. Układ: Utwórz przejrzystą stronę docelową na komputery stacjonarne, używając białego tła i fioletowych kolorów brandingu. Dodaj górny pasek nawigacyjny, umieszczając istniejące logo/nazwę po lewej stronie, pięć linków menu pośrodku: „特徴” (funkcje specjalne), „使い方” (metoda użycia), „料金” (przychody), „ゑップデート” (data aplikacji) i „よくある质问” (pytania) Zapytany) i „ログイン” (Zaloguj się) oraz fioletowy przycisk CTA „無料で始める→” (Rozpocznij za darmo →). Obszar pierwszego ekranu: Dodaj małą zaokrągloną plakietkę po lewej stronie z tekstem „AI・Rozwój osobisty najnowszej sesji ニュースをCodziennie お”. Dodaj przyciągający wzrok japoński nagłówek: {argument name="hero headline" default="开発の　　　　、日あなたのもとへ. "} i zaznacz frazę „あなたのもとへ” na fioletowo. Dodaj kopię pomocniczą poniżej: {argument name="hero opis" default="DevKnow は、AI・テック・personal Kai発に关するNajnowsze informacjeを掎日厳选してお期けするニュースアプリです."}. Dodaj dwa przyciski ekranu głównego: fioletowy przycisk główny „Rozpocznij za darmo →” i biały przycisk pomocniczy „Zobacz, jak używać”. Poniżej przycisków dodaj trzy punkty zaufania z małymi fioletowymi ikonami wyboru: „Nie loguj się, uruchom”, „Czy mogę anulować nawet teraz” i „Można używać przeglądarki internetowej”. Obszar funkcji: Na dole ekranu głównego dodaj wyśrodkowaną fioletową etykietę „FUNKCJE” i tytuł „DevKnow でできること”. Utwórz 4 zaokrąglone karty funkcji z miękkimi cieniami i fioletowymi ikonami, ułożone w rzędzie: 1) Ikona błyskawicy, tytuł „Codzienne 厳选ニュース”, opis „AI・テック・Osobisty najnowszy ニュースを掎日厳选しておsesja けします."; 2) Ikona warstwy skumulowanej, tytuł „カテゴリで简単に検SO”, opis „Xingwei のあるカテゴリを选んで, niezbędne informacje にすぐアクセス.”; 3) Ikona zakładki, tytuł „Zapisano してあとで読む”, opis „気になるニュースを zapisano して, あとでゆっくり読めます.”; 4) Ikona dzwonka, tytuł „Powiadomienie o ewakuacji”, opis „Ważne powiadomienie o ewakuacji. Zawiadomienie o ewakuacji”. Ograniczenia stylistyczne: spraw, aby wyglądała jak nowoczesna, gotowa do uruchomienia strona docelowa, a nie surowy zrzut ekranu aplikacji. Używaj szerokich marginesów, zaokrąglonych rogów, subtelnych cieni, fioletowych przycisków z gradientem, wyraźnej japońskiej typografii i usuń cały bałagan poza projektem strony docelowej. Zachowaj widoczność zawartości interfejsu użytkownika aplikacji referencyjnej, ale używaj jej jako dodatkowej części projektu strony docelowej.