טלגרם, WhatsApp+380637610482
ולרי דניוק
ולרי דניוקמפתחפיתוח כלי בינה מלאכותית לעסקים. איכות גבוהה. במחיר סביר.שלחו הודעה ב-Telegram
Foodnoms — תצוגה מקדימה של אתר בסגנון זה

Foodnoms

שוק פירות שטוף שמש על גבי חרסינה לבנה - תפוזים חמים, ירקות טריים וצורות מעוגלות ונפחיות

Foodnoms מציגה שפת שיווק קלילה למעקב אחר תזונה: בד ציור לבן נקי, מודלים גדולים של טלפונים כעוגנים חזותיים, ואוצר מילים צבעוני שובב שבו צבעים מייצגים חומרים מזינים והתקדמות. ערכת כותרות בשני צבעים (צבע אחד למילת המפתח, גרפיט כהה לשאר) מאפשרת הערכה מהירה של הצעת הערך. המערכת מסתמכת על צג משתמש יחיד (Aquawax Pro) עם מאפיינים גיאומטריים מעוגלים באופן ברור המרככים את מסכי האפליקציה עתירי הנתונים. רוב המשטחים שטוחים וחסרי צל; רדיוס הפינות האחיד מעניק לכפתורים, כרטיסים ותוויות תחושה ידידותית ורכה, מה שהופך את מעקב הבריאות לנגיש יותר מאשר קליני.

הדף כולל פריסה מרוכזת בת עמודה אחת, ברוחב מלא (כ-1200 פיקסלים) עם קצב אנכי נדיב. הכותרת העליונה היא פס עליון דק עם הלוגו משמאל, הניווט מרוכז וכפתור פעולה כתום מלא מימין. מדור הגיבורים הוא ערימה מרוכזת: כותרת בשני צבעים, כותרת משנה בת שורה אחת, סמל של App Store, ולאחר מכן שורה של 3-5 מודלים של טלפונים הפרושים לרוחב. מתחת למדור הגיבורים נמצא מדור לוגו עיתונות "כמו מומלץ" מרוכז ברשת 2x3. מדורי התכונות עוקבים אחר דפוס חוזר: טקסט בן שתי עמודות + מודל טלפון, צדדים מתחלפים, עם כותרות מדור הדגשה בכתום/ירוק. האלמנט האחרון לפני כותרת התחתונה הוא כרטיס קריאה לפעולה הניתן להורדה ברוחב מלא. המרווחים בין המדורים נדיבים (96 פיקסלים), ויוצרים תחושה מרווחת, דמוית גלריה. הניווט הוא סרגל עליון מינימליסטי - ללא סרגל צד או תפריט ענק.

השפה החזותית של האפליקציה נשלטת על ידי מוקאפים איכותיים של מסגרות אייפון המציגים את ממשק העבודה של האפליקציה - אלה האלמנטים העיקריים, לא תמונות סטוק. המוקאפים מוצגים בשקיפות כמעט מוחלטת, פרוסים בחפיפה קלה וסיבוב חלק, וממוקמים ישירות על רקע לבן. בתוך המוקאפים, הרכיב החזותי מסופק על ידי הממשק של האפליקציה עצמה: מידע תזונתי, תמונות מוצר, טבעות מאקרו ותגיות קטגוריות צבעוניות. התוכן הצילומי היחיד הוא תמונות מזון שהוגשו על ידי משתמשים הנראות על מסך המצלמה של אפליקציית Scan Your Food. אין תמונות לייף סטייל, אין איורים מופשטים, אין גרפיקה דקורטיבית. המיתוג מוגדר כולו על ידי הגופן המותאם אישית, ערכת הצבעים כתומה/ירוק/כהה והממשק של האפליקציה עצמה.

לוּחַ הַצְבָעִים

מותג

  • Ember Orange #ff5406 — כתום משמש כצבע משני לפרטים דקורטיביים ולהדגשת רמזים לא נדירים. אין להשתמש בו כצבע העיקרי לקריאות לפעולה.

נֵטרָלִי

  • Graphite #2f2f2f — טקסט ראשי, כפתורים כהים (סמל App Store) וקווי מתאר של סמלים. צבע דומיננטי שאינו לבן בכותרות ובגוף הטקסט.
  • Verdant Green #00b33f — הצבע הירוק משמש כתוספת לפרטים דקורטיביים ולהדגשת תדרים נמוכים.
  • Signal Red-Orange #ff3400 — הדגשה חמה משנית, הנראית באלמנטים של ממשק המשתמש של מסך האפליקציה ובמיתוג קשור. גוון אחד חם יותר מכתום אמבר, הוא מדגיש מצבים נבחרים או פעילים של האפליקציה.
  • Sky Blue #00a9dd — ניגודיות נעימה לקטגוריות הנתונים הפנימיות של האפליקציה (פחמימות/חלבונים/קבוצות רכיבי תזונה אחרות). מאזנת את פלטת הצבעים החמה והדומיננטית בפריסות הטלפון.
  • Mist Blue #72a2c5 — הדגשה קרירה עמומה - מרככת את הצבע הכחול-שמיים עבור תוויות נתונים נוספות ורקעים של תרשימים בתוך האפליקציה.
  • Sunset Orange #ff6d00 — הדגשה חמה לכותרות משניות וטקסט מודגש בדפי שיווק.

טיפוגרפיה

מ-12 עד 60 פיקסלים · 7 שלבים

  • Aquawax Pro Medium — תַחֲלִיף: Inter · קווי מתאר 500 · Aquawax Pro Medium - נמצא בנתונים שחולצו אך לא מתואר על ידי הבינה המלאכותית.
  • Aquawax Pro — תַחֲלִיף: Nunito Sans · קווי מתאר 700, 500, 600 · גופן המותג העיקרי המשמש בכל ההקשרים, כולל כותרות וגוף הטקסט. גופן זה, שעוצב במיוחד עבורכם, מתאפיין בגובה אותיות רחב, צורות גיאומטריות מעוגלות ופרופורציות נוחות. גופן מודגש (700) משמש לכותרות וסעיפים - ציוני הדרך הטיפוגרפיים של המערכת. גופן חצי מודגש (600) משמש לכותרות משנה ותוויות כפתורים ברוחב 14-1.8 מ"מ. גופן בינוני (500) משמש לגוף הטקסט ברוחב 17-1.8 מ"מ, עם מרווח שורות מספיק של 1.6-1.8 מ"מ לקריאה נוחה.
  • System sans-serif — תַחֲלִיף: Inter · קווי מתאר 400, 700 · אפשרות גיבוי משמשת עבור טקסט קטן מאוד וטקסט סמלים בממשק המשתמש. Aquawax Pro אינו בשימוש בגדלים זעירים; גופן המערכת מטפל בהם כדי להפחית את משקל הרינדור.

אינטרוולים וצורה

מַטָרָהמַשְׁמָעוּת
צְפִיפוּתמְרוּוָח
שלב בסיסי20px
רדיוס הכפתור26px
רדיוס הכרטיס26px
צלליםאין גבולות במקום צללים
בין סעיפים96px
רוחב העמוד1200px

בינה מלאכותית תבנה את אתר האינטרנט שלך בסגנון Foodnoms ותמלא אותו

  • מלאו מוצרים ופוסטים דרך הקישור - Instagram, TikTok, Facebook.
  • העברת תוכן מהאתר הישן שלך - רק ציין את הכתובת.
  • עיצוב מודרני על מנוע הפיתוח הטוב ביותר: React ( Next.js) עם רינדור שרת ואופטימיזציה של קידום אתרים (SEO) ישירות מהקופסה.
  • אופטימיזציה אוטומטית לחלוטין של SEO עבור תוצאות חיפוש והמלצות לרשתות עצביות.

סגנונות דומים

  • Slite — מחברת קלף חמה עם ידית טרקוטה - כל משטח עשוי נייר קרמי, כל נגיעה עדינה של כתום.
  • Adora — מוזיאון האימפרסיוניזם מאחורי זכוכית חלבית
  • Bento — קופסת אוכל בנטו על לינוליאום שטוף שמש. רשת של כרטיסים מעוגלים דמויי מדבקה בצבעי ליים, לבנדר, קובלט ובורדו, כל אחד מהם מתואר בדיו שחורה עבה, מונח על פשתן חם וקרמי מתחת לכותרת גיאומטרית נועזת.
  • Payments — גוון הדרים עז על רקע סגול מלכותי. הסגול החשמלי העמוק מעורר את שמי הלילה, בעוד שנגיעות צהובות לימון נוצצות כמו גרידת הדרים רעננה על פני משטח לבן ונקי.
  • Textla — אלמנך בוטני רטרו שטוף שמש - דף צהוב קרמי מודפס בירוק כהה עם איורים של קקטוסים המוצגים בצללים חדים ומוסטים
  • AI for Business — אולם תצוגה עריכה ברוטליסטי בגווני אפור חמים
  • Superhuman — פאנל העריכה של שעת הזהב
  • Visitors — ציור הנדסי לבן
  • Vercel — טרמינל מודפס על נייר לבן
  • Jeton — מאמר מערכת על פינטק על שיש חם
  • Say Briefly — פנקס סקיצות על נייר קרם של סוכנות קריאייטיב
  • ClickUp — לוח מחוונים רב עוצמה על שיש לבן. הדף הוא חוברת מוצר עבור כלי פרודוקטיביות, כך שהשפה החזותית שאולה מהמוצר עצמו: רשימות צפופות, מחווני סטטוס, קבוצות של אווטארים והצהרות טיפוגרפיות מודגשות שנראות כמו מפרט מוצר המוצג.