日系 SaaS 产品落地页展示

参考照片作为产品UI截图，为 [DevKnow] 设计一个精致的日系桌面端 SaaS 落地页。将清晰可辨的应用UI放置在首屏右侧的大型圆角浏览器模型预览框中，略微缩小，带有柔和阴影，背景衬托微弱的紫色渐变抽象光晕。 布局与风格：现代专业级桌面端网页，采用干净的白色背景搭配紫色品牌强调色、宽敞的留白、圆角矩形和清晰锐利的日文字体排版。 顶部导航栏：左侧为品牌标志和名称 [DevKnow]；中间居中排列5个文字链接：「特徴」、「使い方」、「料金」、「アップデート」、「よくある質問」；右侧为「ログイン」链接和紫色胶囊CTA按钮「無料で始める →」。 首屏区域（左侧）： - 顶部小圆角标签：「AI・個人開発の最新ニュースを毎日お届け」 - 粗体日文大标题：[開発の「今」を、毎日あなたのもとへ。]，其中「あなたのもとへ」以紫色突出显示。 - 副标题文字：[DevKnow は、AI・テック・個人開発に関する最新情報を毎日厳選してお届けするニュースアプリです。] - CTA按钮：主紫色按钮「無料で始める →」及副白色边框按钮「使い方を見る」。 - 按钮下方一行带有3个紫色对勾图标的信任背书点：「登録不要で始める」、「いつでも解約OK」、「Webブラウザで利用可能」。 功能特性区域（首屏下方居中）： - 标题「DevKnow でできること」上方带紫色小标签“FEATURES”。 - 单行横向排列4张带轻微投影和紫色矢量图标的圆角功能卡片： 1) 闪电图标：标题「毎日の厳選ニュース」，说明「AI・テック・個人開発の最新ニュースを毎日厳選してお届けします。」 2) 图层图标：标题「カテゴリで簡単に検索」，说明「興味のあるカテゴリを選んで、必要な情報にすぐアクセス。」 3) 书签图标：标题「保存してあとで読む」，说明「気になるニュースを保存して、あとでゆっくり読めます。」 4) 铃铛图标：标题「通知で見逃さない」，说明「重要なニュースは通知でお知らせ。トレンドを逃しません。」