日本語SaaSランディングページモックアップ

参照写真のプロダクトUIスクリーンショットを使用して、[DevKnow] の洗練された日本語デスクトップ向けSaaSランディングページを生成してください。認識可能なアプリUIをヒーローセクション右側の角丸ブラウザモックアップ内に配置し、わずかに縮小して柔らかなシャドウと背景に繊細な紫の抽象グラデーションを施します。 レイアウトとスタイル: クリーンな白背景にパープルのブランドアクセント、広々とした余白、角丸、鮮明な日本語タイポグラフィを備えたモダンな実用レベルのデスクトップWebサイト。 トップナビゲーションバー: 左側にブランドロゴと名前 [DevKnow]、中央に5つのナビリンク「特徴」「使い方」「料金」「アップデート」「よくある質問」、右側に「ログイン」リンクと紫色のCTAボタン「無料で始める →」。 ヒーローセクション（左側）: - 上部に小さな角丸バッジ: 「AI・個人開発の最新ニュースを毎日お届け」 - 太字の日本語見出し: [開発の「今」を、毎日あなたのもとへ。]（「あなたのもとへ」のフレーズを紫色で強調） - サブテキスト: [DevKnow は、AI・テック・個人開発に関する最新情報を毎日厳選してお届けするニュースアプリです。] - CTAボタン: 紫色のプライマリボタン「無料で始める →」とホワイト/枠線のセカンダリボタン「使い方を見る」 - ボタン下に紫のチェックアイコン付きの3つの信頼指標: 「登録不要で始める」「いつでも解約OK」「Webブラウザで利用可能」 機能セクション（ヒーロー下の中央配置）: - 見出し「DevKnow でできること」の上に紫色の小さなセクションラベル「FEATURES」 - 繊細なドロップシャドウと紫色のアイコンを持つ角丸の機能カード4枚を横1列に配置: 1) 稲妻アイコン: タイトル「毎日の厳選ニュース」、説明「AI・テック・個人開発の最新ニュースを毎日厳選してお届けします。」 2) レイヤーアイコン: タイトル「カテゴリで簡単に検索」、説明「興味のあるカテゴリを選んで、必要な情報にすぐアクセス。」 3) ブックマークアイコン: タイトル「保存してあとで読む」、説明「気になるニュースを保存して、あとでゆっくり読めます。」 4) ベルアイコン: タイトル「通知で見逃さない」、説明「重要なニュースは通知でお知らせ。トレンドを逃しません。」