日系 SaaS 產品登陸頁展示

參考照片作為產品UI截圖，為 [DevKnow] 設計一個精緻的日系桌面端 SaaS 落地頁。將清晰可辨的應用UI放置在首屏右側的大型圓角瀏覽器模型預覽框中，略微縮小，帶有柔和陰影，背景襯托微弱的紫色漸變抽象光暈。 佈局與風格：現代專業級桌面端網頁，採用乾淨的白色背景搭配紫色品牌強調色、寬敞的留白、圓角矩形和清晰銳利的日文字型排版。 頂部導航欄：左側為品牌標誌和名稱 [DevKnow]；中間居中排列5個文字連結：「特徴」、「使い方」、「料金」、「アップデート」、「よくある質問」；右側為「ログイン」連結和紫色膠囊CTA按鈕「無料で始める →」。 首屏區域（左側）： - 頂部小圓角標籤：「AI・個人開発の最新ニュースを毎日お屆け」 - 粗體日文大標題：[開発の「今」を、毎日あなたのもとへ。]，其中「あなたのもとへ」以紫色突出顯示。 - 副標題文字：[DevKnow は、AI・テック・個人開発に関する最新情報を毎日厳選してお屆けするニュースアプリです。] - CTA按鈕：主紫色按鈕「無料で始める →」及副白色邊框按鈕「使い方を見る」。 - 按鈕下方一行帶有3個紫色對勾圖示的信任背書點：「登録不要で始める」、「いつでも解約OK」、「Webブラウザで利用可能」。 功能特性區域（首屏下方居中）： - 標題「DevKnow でできること」上方帶紫色小標籤“FEATURES”。 - 單行橫向排列4張帶輕微投影和紫色向量圖示的圓角功能卡片： 1) 閃電圖示：標題「毎日の厳選ニュース」，說明「AI・テック・個人開発の最新ニュースを毎日厳選してお屆けします。」 2) 圖層圖示：標題「カテゴリで簡単に検索」，說明「興味のあるカテゴリを選んで、必要な情報にすぐアクセス。」 3) 書籤圖示：標題「儲存してあとで読む」，說明「気になるニュースを儲存して、あとでゆっくり読めます。」 4) 鈴鐺圖示：標題「通知で見逃さない」，說明「重要なニュースは通知でお知らせ。トレンドを逃しません。」