DevKnow SaaS-landingspagina

Gebruik REFERENCE_0 als screenshot van de product-UI en transformeer deze in een prachtige Japanse SaaS-landingspagina voor {argument name="product name" default="DevKnow"}. Zorg ervoor dat de app-screenshot herkenbaar blijft door deze aan de rechterkant van het startscherm te plaatsen in een browser-/modelvoorbeeldvenster met grote, afgeronde hoeken, de grootte ervan aan te passen en zachte schaduwen en subtiele paarse abstracte lijnen/gradiëntdecoraties op de achtergrond toe te voegen. Lay-out: Maak een overzichtelijke landingspagina voor desktops met een witte achtergrond en paarse merkkleuren. Voeg een navigatiebalk bovenaan toe, waarbij het bestaande logo/de bestaande naam aan de linkerkant wordt geplaatst, vijf menulinks gecentreerd in het midden: "特徴" (Speciale functies), "使い方" (Gebruiksmethode), "料金" (Omzet), "ゑップデート" (App-datum) en "よくある质问" (Vragen) Asked), en "ログイン" (Inloggen) en een paarse CTA-knop "無料で始める→" (Gratis starten →). Eerste schermgebied: Voeg aan de linkerkant een kleine ronde badge toe met de tekst "AI・Persoonlijke ontwikkeling van de nieuwste ニュースをElke dag お-sessie". Voeg een opvallende Japanse kop toe: {argument name="hero headline" default="开発の　　　　、日あなたのもとへ. "} en markeer de zinsnede "あなたのもとへ" in paars. Voeg hieronder een extra kopie toe: {argument name="hero description" default="DevKnow は、AI・テック・personal Kai発に关するLaatste informatie "}. Voeg twee knoppen toe aan het startscherm: een paarse hoofdknop "Gratis starten →" en een witte secundaire knop "Bekijk hoe te gebruiken". Voeg onder de knoppen drie vertrouwenspunten toe met kleine paarse vinkjes: "Niet inloggen, direct starten", "Kan ik nu annuleren?" en "Webbrowser kan worden gebruikt". Functiegebied: Voeg onderaan het startscherm een ​​gecentreerd paars label "FUNCTIES" toe met de titel "DevKnow でできること". Maak 4 afgeronde featurekaarten met zachte schaduwen en paarse pictogrammen, gerangschikt in een rij: 1) Bliksempictogram, titel "Everyday's 厳选ニュース", beschrijving "AI・テック・Persoonlijke Kailu's nieuwste ニュースを掎日厳选してお-sessieけします."; 2) Pictogram voor gestapelde laag, titel "カテゴリで简単に検SO", beschrijving "Xingwei のあるカテゴリを选んで, noodzakelijke informatie にすぐアクセス."; 3) Bladwijzerpictogram, titel "Opgeslagen してあとで読む", beschrijving "気になるニュースを opgeslagen して, あとでゆっくり読めます."; 4) Belpictogram, titel "Melding van ontsnapping", beschrijving "Belangrijke kennisgeving van ontsnapping. Kennisgeving van ontsnapping." Stylingbeperkingen: Laat het lijken op een moderne, startklare landingspagina in plaats van op een onbewerkt app-screenshot. Gebruik brede marges, afgeronde hoeken, subtiele slagschaduwen, paarse verloopknoppen, duidelijke Japanse typografie en verwijder alle rommel buiten het ontwerp van uw landingspagina. Houd de UI-inhoud van de referentie-app zichtbaar, maar gebruik deze als aanvullend onderdeel van het ontwerp van de landingspagina.