Foodnoms
Pasar buah yang cerah di atas porselen putih - jeruk hangat, sayuran hijau segar, dan bentuk bulat yang berisi.
Foodnoms menampilkan bahasa pemasaran yang ringan untuk pelacakan nutrisi: kanvas putih bersih, maket ponsel berukuran besar sebagai penanda visual, dan kosakata warna yang ceria di mana warna mewakili nutrisi dan kemajuan. Skema header dua warna (satu warna untuk kata kunci, grafit gelap untuk sisanya) memungkinkan penilaian cepat terhadap proposisi nilai. Sistem ini mengandalkan satu layar pengguna (Aquawax Pro) dengan fitur geometris yang membulat yang melembutkan layar aplikasi yang sarat data. Sebagian besar permukaannya datar dan tanpa bayangan; radius sudut yang seragam memberikan tombol, kartu, dan label nuansa yang ramah dan lembut, membuat pelacakan kesehatan terasa lebih mudah diakses daripada klinis.
Halaman ini menampilkan tata letak satu kolom, terpusat, dan lebar penuh (~1200px) dengan ritme vertikal yang lapang. Header berupa bilah atas tipis dengan logo di sebelah kiri, navigasi terpusat, dan tombol aksi berwarna oranye di sebelah kanan. Bagian hero berupa susunan terpusat: judul dua warna, subheader satu baris, ikon App Store, dan kemudian deretan 3-5 mockup ponsel yang tersebar di sepanjang lebar halaman. Di bawah bagian hero terdapat bagian logo pers "Sebagai Rekomendasi" yang terpusat dalam grid 2x3. Bagian fitur mengikuti pola berulang: teks dua kolom + mockup ponsel, sisi bergantian, dengan judul bagian aksen berwarna oranye/hijau. Elemen terakhir sebelum footer adalah kartu CTA yang dapat diunduh dengan lebar penuh. Jarak antar bagian cukup lebar (96px), menciptakan kesan luas seperti galeri. Navigasi berupa bilah atas minimalis - tanpa sidebar atau mega menu.
Bahasa visual aplikasi ini didominasi oleh mockup bingkai iPhone berkualitas tinggi yang menampilkan antarmuka kerja aplikasi—ini adalah elemen utama, bukan foto stok. Mockup ditampilkan dengan transparansi hampir total, dibentangkan dengan sedikit tumpang tindih dan rotasi halus, serta diposisikan langsung di atas latar belakang putih. Di dalam mockup, komponen visual disediakan oleh antarmuka aplikasi itu sendiri: informasi nutrisi, foto produk, cincin makro, dan tag kategori berwarna-warni. Satu-satunya konten fotografi adalah gambar makanan yang dikirimkan pengguna yang terlihat di layar kamera aplikasi Scan Your Food. Tidak ada foto gaya hidup, tidak ada ilustrasi abstrak, tidak ada grafik dekoratif. Branding sepenuhnya ditentukan oleh font khusus, skema warna oranye/hijau/gelap, dan antarmuka aplikasi itu sendiri.
Palet
Merek
- Ember Orange
#ff5406— Warna oranye digunakan sebagai aksen sekunder untuk detail dekoratif dan untuk menyoroti isyarat yang jarang muncul. Warna ini tidak boleh digunakan sebagai warna utama untuk ajakan bertindak.
Netral
- Graphite
#2f2f2f— Teks utama, tombol gelap (ikon App Store), dan garis luar ikon. Warna non-putih yang dominan pada judul dan teks isi. - Verdant Green
#00b33f— Warna hijau berfungsi sebagai aksen tambahan untuk detail dekoratif dan untuk menekankan frekuensi rendah. - Signal Red-Orange
#ff3400— Aksen hangat sekunder, terlihat pada elemen UI layar aplikasi dan branding terkait. Satu nada lebih hangat dari Ember Orange, aksen ini menekankan status aplikasi yang dipilih atau aktif. - Sky Blue
#00a9dd— Kontras yang menyenangkan untuk kategori data internal aplikasi (karbohidrat/protein/kelompok nutrisi lainnya). Menyeimbangkan palet warna hangat yang dominan dalam tata letak ponsel. - Mist Blue
#72a2c5— Aksen Dingin yang Lembut - Melembutkan warna biru langit untuk label data tambahan dan latar belakang grafik di dalam aplikasi. - Sunset Orange
#ff6d00— Aksen hangat untuk judul sekunder dan teks yang disorot pada halaman pemasaran.
Tipografi
dari 12 hingga 60px · 7 langkah
- Aquawax Pro Medium — penggantian: Inter · garis besar 500 · Aquawax Pro Medium - Ditemukan dalam data yang diekstrak tetapi tidak dijelaskan oleh AI.
- Aquawax Pro — penggantian: Nunito Sans · garis besar 700, 500, 600 · Font merek utama yang digunakan dalam semua konteks, termasuk judul dan isi teks. Font yang dirancang khusus ini memiliki tinggi huruf yang lebar, bentuk geometris yang membulat, dan proporsi yang nyaman. Tebal (700) digunakan untuk judul dan bagian—penanda tipografi sistem. Semi tebal (600) digunakan untuk subjudul dan label tombol dengan ukuran 14–1,8 mm. Sedang (500) digunakan untuk isi teks dengan ukuran 17–1,8 mm, dengan spasi baris yang cukup 1,6–1,8 mm untuk kenyamanan membaca.
- System sans-serif — penggantian: Inter · garis besar 400, 700 · Opsi cadangan digunakan untuk teks dan ikon yang sangat kecil pada antarmuka pengguna. Aquawax Pro tidak digunakan pada ukuran mikro; font sistem menangani ukuran tersebut untuk mengurangi beban rendering.
Interval dan bentuk
| Tujuan | Arti |
|---|---|
| Kepadatan | luas |
| Langkah dasar | 20px |
| Radius tombol | 26px |
| Radius kartu | 26px |
| Bayangan | tidak - batas, bukan bayangan |
| Di antara bagian-bagiannya | 96px |
| Lebar halaman | 1200px |
AI akan membangun situs web Anda dengan gaya Foodnoms dan mengisinya.
- Isi dengan produk dan postingan melalui tautan - Instagram, TikTok, Facebook.
- Pindahkan konten dari situs lama Anda—cukup tentukan alamatnya.
- Desain modern pada mesin terbaik: React ( Next.js) dengan rendering sisi server dan optimasi SEO langsung dari awal.
- Optimasi SEO otomatis sepenuhnya untuk hasil pencarian dan rekomendasi jaringan saraf.
Gaya serupa
- Slite — Sebuah buku catatan berbahan perkamen hangat dengan gagang berwarna terakota—setiap permukaannya terbuat dari kertas krem, setiap aksennya berupa sentuhan oranye yang lembut.
- Adora — Museum Impresionisme di balik kaca buram
- Bento — Sebuah kotak bekal bento di atas lantai linoleum yang diterangi sinar matahari. Susunan kartu-kartu bulat seperti stiker berwarna hijau limau, lavender, kobalt, dan merah anggur, masing-masing digariskan dengan tinta hitam tebal, terletak di atas kain linen yang hangat dan lembut di bawah judul geometris yang berani.
- Payments — Warna jeruk yang cerah berpadu dengan latar belakang ungu kerajaan. Warna ungu elektrik yang pekat membangkitkan suasana langit malam, sementara aksen kuning lemon berkilau seperti kulit jeruk segar di atas permukaan putih yang bersih.
- Textla — Almanak Botani Retro Cerah - Halaman berwarna kuning krem dicetak dengan warna hijau gelap dengan ilustrasi kaktus yang digambarkan dalam bayangan tajam dan bergeser.
- AI for Business — Ruang pamer editorial bergaya brutalist dengan nuansa abu-abu hangat.
- Superhuman — panel editorial golden hour
- Visitors — gambar teknik putih
- Vercel — Terminal tercetak di atas kertas putih
- Jeton — Sebuah editorial tentang fintech di atas marmer hangat.
- Say Briefly — Buku sketsa agensi kreatif di atas kertas krem.
- ClickUp — Sebuah dasbor yang canggih di atas marmer putih. Halaman ini adalah brosur produk untuk alat produktivitas, sehingga bahasa visualnya dipinjam dari produk itu sendiri: daftar padat, indikator status, kelompok avatar, dan pernyataan tipografi tebal yang tampak seperti spesifikasi produk yang ditampilkan.