Foodnoms
Pasar buah-buahan yang cerah di atas porselin putih - oren hangat, sayur-sayuran segar dan bentuk bulat yang besar
Foodnoms menampilkan bahasa pemasaran yang ringan untuk penjejakan nutrisi: kanvas putih bersih, mockup telefon bersaiz besar sebagai sauh visual dan perbendaharaan kata warna yang ceria di mana warna mewakili nutrien dan kemajuan. Skema pengepala dua warna (satu warna untuk kata kunci, grafit gelap untuk selebihnya) membolehkan penilaian pantas terhadap cadangan nilai. Sistem ini bergantung pada paparan pengguna tunggal (Aquawax Pro) dengan ciri geometri bulat yang jelas yang melembutkan skrin aplikasi yang sarat dengan data. Kebanyakan permukaan adalah rata dan tanpa bayang; jejari sudut yang seragam memberikan butang, kad dan label rasa yang mesra dan lembut, menjadikan penjejakan kesihatan terasa lebih mudah diakses daripada klinikal.
Halaman ini menampilkan susun atur satu lajur, berpusat, lebar penuh (~1200px) dengan rentak menegak yang luas. Pengepalanya ialah bar atas yang nipis dengan logo di sebelah kiri, berpusat navigasi, dan butang tindakan oren yang diisi di sebelah kanan. Bahagian wira ialah tindanan berpusat: tajuk dua warna, subpengepala satu baris, ikon App Store, dan kemudian deretan 3-5 mockup telefon yang tersebar merentasi lebar. Di bawah bahagian wira ialah bahagian logo akhbar "Seperti yang Disyorkan" berpusat dalam grid 2x3. Bahagian ciri mengikuti corak berulang: teks dua lajur + mockup telefon, sisi berselang-seli, dengan tajuk bahagian aksen dalam warna oren/hijau. Elemen terakhir sebelum pengaki ialah kad CTA yang boleh dimuat turun lebar penuh. Saluran antara bahagian luas (96px), mewujudkan suasana yang luas seperti galeri. Navigasi ialah bar atas minimalis - tiada bar sisi atau menu mega.
Bahasa visual aplikasi ini didominasi oleh mockup bingkai iPhone berkualiti tinggi yang mempamerkan antara muka kerja aplikasi—ini adalah elemen utama, bukan foto stok. Mockup dipaparkan dengan ketelusan hampir sepenuhnya, tersebar dengan sedikit pertindihan dan putaran yang lancar, dan diletakkan terus pada latar belakang putih. Dalam mockup, komponen visual disediakan oleh antara muka aplikasi itu sendiri: maklumat pemakanan, foto produk, cincin makro dan tag kategori berwarna-warni. Satu-satunya kandungan fotografi ialah imej makanan yang dihantar pengguna yang boleh dilihat pada skrin kamera aplikasi Scan Your Food. Tiada foto gaya hidup, tiada ilustrasi abstrak, tiada grafik hiasan. Penjenamaan ditakrifkan sepenuhnya oleh fon tersuai, skema warna oren/hijau/gelap dan antara muka aplikasi itu sendiri.
Palet
Jenama
- Ember Orange
#ff5406— Warna oren digunakan sebagai aksen sekunder untuk perincian hiasan dan untuk menonjolkan isyarat yang jarang berlaku. Ia tidak boleh digunakan sebagai warna utama untuk seruan bertindak.
Neutral
- Graphite
#2f2f2f— Teks utama, butang gelap (ikon App Store) dan garisan ikon. Warna bukan putih yang dominan dalam tajuk dan teks isi. - Verdant Green
#00b33f— Warna hijau berfungsi sebagai aksen tambahan untuk perincian hiasan dan untuk menekankan frekuensi rendah. - Signal Red-Orange
#ff3400— Aksen hangat sekunder, kelihatan dalam elemen UI skrin aplikasi dan penjenamaan berkaitan. Satu nada lebih hangat daripada Ember Orange, ia menekankan keadaan aplikasi yang dipilih atau aktif. - Sky Blue
#00a9dd— Kontras yang menyenangkan untuk kategori data dalaman aplikasi (karbohidrat/protein/kumpulan nutrien lain). Mengimbangi palet warna yang hangat dan dominan dalam susun atur telefon. - Mist Blue
#72a2c5— Aksen Sejuk Disenyapkan - Melembutkan warna Biru Langit untuk label data tambahan dan latar belakang carta dalam aplikasi. - Sunset Orange
#ff6d00— Aksen yang hangat untuk tajuk sekunder dan teks yang diserlahkan pada halaman pemasaran.
Tipografi
dari 12 hingga 60 piksel · 7 langkah
- Aquawax Pro Medium — penggantian: Inter · garis besar 500 · Aquawax Pro Medium - Ditemui dalam data yang diekstrak tetapi tidak diterangkan oleh AI.
- Aquawax Pro — penggantian: Nunito Sans · garis besar 700, 500, 600 · Fon jenama utama yang digunakan dalam semua konteks, termasuk tajuk dan salinan badan. Fon yang direka khas ini mempunyai ketinggian huruf yang lebar, bentuk geometri bulat dan perkadaran yang selesa. Tebal (700) digunakan untuk tajuk dan bahagian—tanda tipografi sistem. Separuh tebal (600) digunakan untuk subtajuk dan label butang pada 14–1.8 mm. Sederhana (500) digunakan untuk salinan badan pada 17–1.8 mm, dengan jarak baris yang mencukupi iaitu 1.6–1.8 mm untuk bacaan yang selesa.
- System sans-serif — penggantian: Inter · garis besar 400, 700 · Pilihan sandaran digunakan untuk teks dan teks ikon yang sangat kecil dalam antara muka pengguna. Aquawax Pro tidak digunakan pada saiz mikro; fon sistem mengendalikannya untuk mengurangkan berat pemaparan.
Selang dan bentuk
| Tujuan | Maksudnya |
|---|---|
| Ketumpatan | luas |
| Langkah asas | 20px |
| Jejari butang | 26px |
| Jejari kad | 26px |
| Bayang-bayang | tiada - sempadan dan bukannya bayang-bayang |
| Antara bahagian | 96px |
| Lebar halaman | 1200px |
AI akan membina laman web anda dalam gaya Foodnoms dan mengisinya
- Isi dengan produk dan siaran melalui pautan - Instagram, TikTok, Facebook.
- Pindahkan kandungan dari tapak lama anda—cuma nyatakan alamatnya.
- Reka bentuk moden pada enjin terbaik: React ( Next.js) dengan pemaparan pelayan dan pengoptimuman SEO sedia ada.
- Pengoptimuman SEO automatik sepenuhnya untuk hasil carian dan cadangan rangkaian saraf.
Gaya yang serupa
- Slite — Buku nota kertas kulit yang hangat dengan pemegang terakota—setiap permukaannya diperbuat daripada kertas berkrim, setiap aksennya mempunyai sentuhan oren yang halus.
- Adora — Muzium Impresionisme di sebalik kaca berkabut
- Bento — Kotak makan tengah hari bento di atas linoleum yang disinari cahaya matahari. Satu grid kad bulat seperti pelekat dalam warna limau, lavender, kobalt dan burgundy, setiap satunya digariskan dengan dakwat hitam tebal, terletak di atas linen berkrim yang hangat di bawah tajuk geometri yang berani.
- Payments — Rona sitrus yang ceria dengan latar belakang ungu diraja. Ungu elektrik yang pekat membangkitkan langit malam, manakala aksen kuning lemon berkilau seperti kulit sitrus segar dengan permukaan putih bersih.
- Textla — Almanak Botani Retro Cerah - Halaman kuning berkrim dicetak dalam warna hijau tua dengan ilustrasi kaktus yang dihasilkan dalam bayang-bayang yang tajam dan seimbang
- AI for Business — Bilik pameran editorial Brutalist dalam warna kelabu hangat
- Superhuman — panel editorial jam emas
- Visitors — lukisan kejuruteraan putih
- Vercel — Terminal dicetak pada kertas putih
- Jeton — Editorial tentang fintech pada marmar hangat
- Say Briefly — Buku lakaran agensi kreatif pada kertas krim
- ClickUp — Papan pemuka yang berkuasa di atas marmar putih. Halaman ini merupakan brosur produk untuk alat produktiviti, jadi bahasa visual dipinjam daripada produk itu sendiri: senarai padat, penunjuk status, kumpulan avatar dan pernyataan tipografi yang berani yang kelihatan seperti spesifikasi produk yang dipamerkan.