DevKnow SaaS 登陸頁面

根據現有的應用程式截圖，生成精緻的日文 SaaS 登陸頁面，包含首頁 CTA、產品模型、導覽列以及功能卡片。

提示詞

以 REFERENCE_0 作為產品 UI 截圖，為 DevKnow 製作一個精緻的日文 SaaS 登陸頁面。保持應用程式截圖的可辨識度，但將其放置在首頁右側一個大型圓角瀏覽器/模型預覽框中，稍微縮小並加上柔和陰影，背後輔以細緻的紫色抽象線條/漸層裝飾。版面配置：建立一個乾淨的桌面版登陸頁面，採用白色背景與紫色品牌色調。頂部導覽列左側放置現有的 Logo/名稱，中間放置五個選單連結：「特徴」、「使い方」、「料金」、「アップデート」、「よくある質問」，右側放置「ログイン」以及一個紫色的 CTA 按鈕「無料で始める →」。首頁區塊：左側新增一個小型圓角標籤，文字為「AI・個人開発の最新ニュースを毎日お届け」。新增一個醒目的大型日文標題：開発の「今」を、毎日あなたのもとへ。，並將「あなたのもとへ」以紫色標示。下方新增說明文字：DevKnow は、AI・テック・個人開発に関する最新情報を毎日厳選してお届けするニュースアプリです。。新增兩個首頁按鈕：主要紫色按鈕「無料で始める →」與次要白色按鈕「使い方を見る」。按鈕下方新增 3 個信任點，並搭配小型紫色勾選圖示：「登録不要で始める」、「いつでも解約OK」、「Webブラウザで利用可能」。功能區塊：在首頁下方，新增一個置中的紫色區塊標籤「FEATURES」以及標題「DevKnow でできること」。建立 4 個單列排列的圓角功能卡片，搭配柔和陰影與紫色圖示：1) 閃電圖示，標題「毎日の厳選ニュース」，說明「AI・テック・個人開発の最新ニュースを毎日厳選してお届けします。」；2) 堆疊圖示，標題「カテゴリで簡単に検索」，說明「興味のあるカテゴリを選んで、必要な情報にすぐアクセス。」；3) 書籤圖示，標題「保存してあとで読む」，說明「気になるニュースを保存して、あとでゆっくり読めます。」；4) 鈴鐺圖示，標題「通知で見逃さない」，說明「重要なニュースは通知でお知らせ。トレンドを逃しません。」風格限制：使其看起來像現代化、可直接上線的登陸頁面，而非原始的應用程式截圖。使用寬敞的邊距、圓角、細緻的陰影、紫色漸層按鈕、清晰的日文字體，並移除登陸頁面設計之外的所有雜亂元素。保持參考應用程式 UI 內容可見，但作為登陸頁面設計的輔助部分。