インドネシア学校栄養プログラム ランディングページ

A polished desktop website hero mockup for Indonesia's MBG school nutrition program, suitable for government, civic tech, or frontend design showcases.

インドネシア向けのモダンな政府プログラムランディングページUIモックアップを、クリーンでプロフェッショナルなウェブデザインスタイルで作成、デスクトップワイドスクリーンアスペクト比。ページは白い背景に大胆な赤のアクセント、柔らかい丸みのある角、微妙な灰色の区切り、磨かれたフロントエンド-dribbbleプレゼンテーションスタイルを使用。最上部に、6つの要素を含む水平ナビゲーションバーを構築：左側にインドネシアのガルーダエンブレムとテキスト "PEMERINTAH REPUBLIK INDONESIA"、その後に中央揃えの4つのメニューアイテム "Program"、"Dampak"、"Menu"、"Pemantauan"、最も右に小さな人々のアイコン付きの大きな赤い丸みのあるボタン "Program MBG"。その下に、2カラムに分割されたヒーローセクションをデザイン。左側に、赤いボウルアイコン、テキスト "MBG"、縦の区切り、"Makan Bergizi Gratis" を含む小さなプログラムラベル行を表示。その下に、ダークネイビーの太字见出し "{argument name="headline text" default="Makan Bergizi, Anak Indonesia Kuat"}" を3行にわたって配置。その下にインドネシア語の短い段落："Program MBG mendukung gizi harian siswa SD dan SMP melalui menu seimbang, pemantauan sekolah, dan laporan dampak yang transparan." 次に、2つのcall-to-actionボタンを並べて配置：右矢印付きのソリッド赤いボタン "Lihat Dampak"、赤いボーダー付きのアウトライン白いボタン "Panduan Sekolah" と右矢印。ヒーローの右側に、大きな丸みのある画像フレームを白い曲がりかけの区切りと赤のコーナーバックグラウンドで囲む。画像はインドネシアの小学校の教室を示し、5人の着用白い制服と赤いネクタイの生徒が机に座り、窓からの暖かい日光、浅い被写界深度、ドキュメンタリー写真のリアリズム。前景の木製の机に、ステンレス鋼の区画トレイ食事を正確に5つの食品項目で：白い米、混合野菜、フライドチキンの1枚、バナナ、スイカのキューブ。トレイの横に、"SUSU SEGAR" とラベル付きのミルクカートンを1つ配置。ヒーローの下に、薄い縦の区切りで分離された4つの等間隔の指標カードを含むフルワイドの赤い統計バンドを追加。各カードには白い円形アイコンと太字の白いテキスト。4つの指標は："245.000+" ラベル "Sekolah Terlayani"、"8,7 Juta+" ラベル "Siswa Penerima Manfaat"、"1,2 Miliar+" ラベル "Porsi Disalurkan"、"98,6%" ラベル "Kepuasan Siswa"。下部中央に、左のドットが赤でアクティブ、残り2つがグレーの3ドットカルーセルインジケーターを追加。左下の背景に淡いインドネシアの地図テクスチャを含める。鮮明なタイポグラフィ、十分なホワイトスペース、ハイエンドのフィンテック/政府ウェブサイトの美学、現実的なUI比率、プロダクション準備完了のランディングページモックアップの外観を使用。

機械翻訳 — この作品を生成したのは元のプロンプトです。

✨ 生成 保存 プロンプトをコピー 共有 元の投稿 Hitboard で開く