Целевая страница программы школьного питания в Индонезии

Создайте современный макет пользовательского интерфейса целевой страницы для проекта правительства Индонезии, используя чистый, профессиональный стиль веб-дизайна, адаптированный для широкоэкранных настольных компьютеров. Фон страницы белый, с акцентами в виде ярких красных деталей, мягкими закругленными углами и едва заметными серыми разделительными линиями, что создает изысканное оформление в стиле Dribbble. В верхней части страницы расположена горизонтальная панель навигации, содержащая шесть видимых элементов: герб Индонезии Гаруды и текст «PEMERINTAH REPUBLIK INDONESIA» слева; четыре пункта меню посередине, обозначенные как «Программа», «Dampak», «Меню» и «Pemantauan»; и большая закругленная красная кнопка с маленькой иконкой человека справа, обозначенная как «Программа MBG». Ниже разработан двухколоночный макет для главной страницы. Слева отображается ряд мини-названий программ, включая красную иконку в форме чаши, текст «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». Далее, рядом расположены две кнопки призыва к действию: сплошная красная кнопка со стрелкой, указывающей вправо, с надписью "Lihat Dampak"; и белая контурная кнопка с красной рамкой, с надписью "Panduan Sekolah", также со стрелкой, указывающей вправо. В правой части главного экрана размещено большое округлое изображение в стиле фотографии, обрамленное изогнутыми белыми разделительными линиями и красным фоном. На снимке изображен класс начальной школы в Индонезии, где пять учеников в белых рубашках и красных галстуках сидят за партами, залитые теплым солнечным светом, льющимся из окон. Небольшая глубина резкости придает изображению документальный реализм. На деревянной парте на переднем плане лежит разделенная тарелка из нержавеющей стали с пятью предметами: белым рисом, овощами, кусочком жареной курицы, бананом и ломтиком арбуза. Рядом с тарелкой стоит пакет молока с надписью «SUSU SEGAR». Под основным экраном добавлена ​​широкая красная полоса статистики, содержащая четыре равномерно расположенных индикаторных карточки, разделенных тонкими вертикальными линиями. Каждая карточка имеет белый круглый значок и жирный белый текст. Показатели следующие: «245 000+» соответствует тегу «Sekolah Terlayani», «8,7 Juta+» — тегу «Siswa Penerima Manfaat», «1,2 Miliar+» — тегу «Porsi Disalurkan», и «98,6%» — тегу «Kepuasan Siswa». Внизу по центру добавлен индикатор в виде карусели из трех точек: левая точка красная, а две другие серые. В левом нижнем углу на фоне добавлена ​​едва заметная текстура индонезийской карты. Используя четкую типографику, достаточное количество свободного пространства, эстетику высококлассных финтех/правительственных веб-сайтов и реалистичные пропорции пользовательского интерфейса, создан макет целевой страницы, который можно напрямую использовать в производственной среде.