Foodnoms
Beyaz porselen üzerinde güneşli meyve pazarı - sıcak portakallar, taze yeşillikler ve hacimli yuvarlak şekiller.
Foodnoms, beslenme takibi için neşeli bir pazarlama dili kullanıyor: temiz beyaz bir zemin, görsel dayanak noktası olarak büyük boyutlu telefon maketleri ve renklerin besinleri ve ilerlemeyi temsil ettiği eğlenceli bir renk sözlüğü. İki renkli başlık şeması (anahtar kelime için bir renk, geri kalanı için koyu grafit) değer önerisinin hızlı bir şekilde değerlendirilmesine olanak tanıyor. Sistem, veri yoğun uygulama ekranlarını yumuşatan belirgin yuvarlak geometrik özelliklere sahip tek bir kullanıcı ekranına (Aquawax Pro) dayanıyor. Çoğu yüzey düz ve gölgesiz; tekdüze köşe yarıçapı, düğmelere, kartlara ve etiketlere samimi, yumuşak bir his vererek sağlık takibini klinik olmaktan ziyade daha erişilebilir kılıyor.
Sayfa, geniş dikey ritme sahip, tek sütunlu, ortalanmış, tam genişlikte (~1200 piksel) bir düzene sahiptir. Başlık, solunda logo, ortalanmış gezinme çubuğu ve sağında turuncu renkte doldurulmuş bir eylem düğmesi bulunan ince bir üst çubuktan oluşmaktadır. Ana bölüm, ortalanmış bir yığın halindedir: iki renkli bir başlık, tek satırlık bir alt başlık, bir App Store simgesi ve ardından genişlik boyunca yelpaze şeklinde yerleştirilmiş 3-5 telefon maketi. Ana bölümün altında, 2x3 ızgarada ortalanmış bir "Önerilen" basın logosu bölümü bulunmaktadır. Özellik bölümleri tekrarlayan bir deseni takip eder: iki sütunlu metin + telefon maketi, alternatif kenarlar ve turuncu/yeşil renkte vurgulu bölüm başlıkları. Altbilgiden önceki son öğe, tam genişlikte indirilebilir bir CTA kartıdır. Bölümler arasındaki boşluklar geniştir (96 piksel), bu da ferah, galeri benzeri bir his yaratır. Gezinme çubuğu minimalist bir üst çubuktur - kenar çubuğu veya mega menü yoktur.
Uygulamanın görsel dili, uygulamanın çalışma arayüzünü sergileyen yüksek kaliteli iPhone çerçeve maketleriyle domine ediliyor; bunlar, hazır fotoğraflar değil, birincil unsurlar. Maketler neredeyse tamamen şeffaf bir şekilde, hafif bir örtüşme ve yumuşak bir dönüşle sergileniyor ve doğrudan beyaz bir arka plana yerleştiriliyor. Maketlerin içinde, görsel bileşen uygulamanın kendi arayüzü tarafından sağlanıyor: beslenme bilgileri, ürün fotoğrafları, makro halkalar ve renkli kategori etiketleri. Tek fotoğraf içeriği, Scan Your Food uygulamasının kamera ekranında görünen kullanıcı tarafından gönderilen yiyecek resimleridir. Yaşam tarzı fotoğrafları, soyut illüstrasyonlar veya dekoratif grafikler yok. Markalaşma tamamen özel yazı tipi, turuncu/yeşil/koyu renk şeması ve uygulamanın kendi arayüzü tarafından tanımlanıyor.
Palet
Marka
- Ember Orange
#ff5406— Turuncu, dekoratif detaylar için ikincil bir vurgu rengi olarak ve nadir görülen ipuçlarını öne çıkarmak için kullanılır. Eyleme geçme çağrıları için birincil renk olarak kullanılmamalıdır.
Doğal
- Graphite
#2f2f2f— Ana metin, koyu renkli düğmeler (App Store simgesi) ve simge çerçeveleri. Başlıklarda ve gövde metninde ağırlıklı olarak beyaz olmayan bir renk. - Verdant Green
#00b33f— Yeşil renk, dekoratif detaylar için ek bir vurgu görevi görür ve düşük frekansları öne çıkarır. - Signal Red-Orange
#ff3400— Uygulama ekranı kullanıcı arayüzü öğelerinde ve ilgili marka unsurlarında görülebilen, ikincil bir sıcak vurgu. Ember Orange'dan bir ton daha sıcak olan bu renk, seçili veya aktif uygulama durumlarını vurgular. - Sky Blue
#00a9dd— Uygulamanın dahili veri kategorileri (karbonhidratlar/proteinler/diğer besin grupları) için hoş bir kontrast oluşturuyor. Telefon arayüzlerindeki sıcak ve baskın renk paletini dengeliyor. - Mist Blue
#72a2c5— Soluk Soğuk Vurgu - Uygulama içindeki ek veri etiketleri ve grafik arka planları için gökyüzü mavisi rengini yumuşatır. - Sunset Orange
#ff6d00— Pazarlama sayfalarındaki ikincil başlıklar ve vurgulanmış metinler için sıcak bir vurgu.
Tipografi
12 ila 60 piksel arası · 7 adım
- Aquawax Pro Medium — yenisiyle değiştirme: Inter · ana hatlar 500 · Aquawax Pro Medium - Çıkarılan verilerde bulundu ancak yapay zeka tarafından tanımlanmadı.
- Aquawax Pro — yenisiyle değiştirme: Nunito Sans · ana hatlar 700, 500, 600 · Başlıklar ve metin gövdesi dahil tüm bağlamlarda kullanılan birincil marka yazı tipi. Bu özel olarak tasarlanmış yazı tipi, geniş harf yükseklikleri, yuvarlak geometrik şekiller ve rahat oranlar sunar. Kalın (700), sistemin tipografik işaretleri olan başlıklar ve bölümler için kullanılır. Yarı kalın (600), 14–1,8 mm'de alt başlıklar ve düğme etiketleri için kullanılır. Orta (500), 17–1,8 mm'de metin gövdesi için kullanılır ve rahat okuma için yeterli 1,6–1,8 mm satır aralığına sahiptir.
- System sans-serif — yenisiyle değiştirme: Inter · ana hatlar 400, 700 · Kullanıcı arayüzündeki çok küçük metinler ve simge metinleri için yedek bir seçenek kullanılır. Aquawax Pro mikro boyutlarda kullanılmaz; sistem yazı tipi, görüntüleme ağırlığını azaltmak için bunları işler.
Aralıklar ve biçim
| Amaç | Anlam |
|---|---|
| Yoğunluk | ferah |
| Temel adım | 20px |
| Düğme yarıçapı | 26px |
| Kart yarıçapı | 26px |
| Gölgeler | hayır - gölgeler yerine kenarlıklar |
| Bölümler arasında | 96px |
| Sayfa genişliği | 1200px |
Yapay zeka, web sitenizi Foodnoms tarzında oluşturacak ve içeriğini dolduracak.
- Ürünlerinizi ve gönderilerinizi aşağıdaki bağlantılar aracılığıyla paylaşın: Instagram, TikTok, Facebook.
- Eski sitenizdeki içeriği aktarın; sadece adresi belirtmeniz yeterli.
- En iyi motor üzerinde modern tasarım: Sunucu tarafı işleme ve SEO optimizasyonu özellikleriyle birlikte React ( Next.js).
- Arama sonuçları için tamamen otomatik SEO optimizasyonu ve sinir ağı tabanlı öneriler.
Benzer stiller
- Slite — Toprak rengi saplı, sıcak tonlu parşömen defter; her yüzeyi krem rengi kağıttan, her detayı ise turuncunun ince bir dokunuşuyla bezenmiş.
- Adora — Buzlu camın ardındaki Empresyonizm Müzesi
- Bento — Güneş ışığıyla aydınlanmış linolyum zemin üzerinde bir bento yemek kutusu. Kalın siyah mürekkeple çerçevelenmiş, limon yeşili, lavanta, kobalt mavisi ve bordo renkli yuvarlak, etiket benzeri kartlardan oluşan bir ızgara, cesur, geometrik bir başlığın altında sıcak, krem rengi bir keten kumaş üzerinde duruyor.
- Payments — Koyu mor bir zemin üzerinde canlı bir narenciye tonu. Derin elektrik moru gece gökyüzünü çağrıştırırken, limon sarısı vurgular temiz beyaz bir yüzey üzerinde taze narenciye kabuğu gibi parıldıyor.
- Textla — Güneşli Retro Botanik Yıllığı - Koyu yeşil renkte basılmış, keskin ve farklı gölgelerle işlenmiş kaktüs resimlerinin yer aldığı krem sarısı sayfa.
- AI for Business — Sıcak gri tonlarında brutalist tarzda dekore edilmiş yayın evi.
- Superhuman — altın saat editör kurulu
- Visitors — beyaz mühendislik çizimi
- Vercel — Terminal beyaz kağıda basılmıştır.
- Jeton — Sıcak mermer üzerine fintech hakkında bir başyazı.
- Say Briefly — Krem rengi kağıda hazırlanmış yaratıcı ajans eskiz defteri.
- ClickUp — Beyaz mermer üzerinde güçlü bir kontrol paneli. Sayfa, bir verimlilik aracı için ürün broşürü niteliğinde; bu nedenle görsel dil, ürünün kendisinden ödünç alınmış: yoğun listeler, durum göstergeleri, avatar grupları ve sergilenen bir ürün spesifikasyonuna benzeyen cesur tipografik ifadeler.