עמוד דמו · פרויקט קונספט

מערכת העיצוב של נובולה

כל מה שהאתר, המשחק ומערכת הניהול בנויים ממנו: לוגו, שישה צבעים, שני פונטים, כפתורים ו־40 תמונות. כל הטקסט כאן כתוב בקוד, אף מילה לא נמצאת בתוך תמונה.

לוגו

לוגו אופקי: הסמל, ולידו ״נובולה״ ו־NUVOLA בלאון

סמל בלבד

על רקע כהה

צבע אחד

פביקון בשלושה גדלים: 64 · 32 · 16 פיקסלים

נובולהNUVOLA

הלוגו באתר עצמו: הסמל כ־SVG והשם כטקסט חי בלאון.

צבעים

אבג Aa
קרם וניל · cream
#FFF6EA
רקע ראשי
ניגודיות 15.6:1 עם שוקולד
אבג Aa
שוקולד מריר · chocolate
#2B1A14
טקסט וכותרות
ניגודיות 15.6:1 עם קרם
אבג Aa
פיסטוק · pistachio
#A8C66C
צבע מותג ראשי ומשטחים גדולים
ניגודיות 8.7:1 עם שוקולד
אבג Aa
פטל · cherry
#B8234A
כפתורים
ניגודיות 6.2:1 עם לבן
אבג Aa
מנגו · mango
#FFB547
הדגשות ותגיות
ניגודיות 9.5:1 עם שוקולד
אבג Aa
ענן · cloud
#E9F1F7
רקע המשחק ושמיים
ניגודיות 14.6:1 עם שוקולד

טיפוגרפיה

לאון (Leon) · הפונטיה · כותרות ולוגו בלבד

ג׳לטו

משקל Heavy 900 · לכותרת ראשית וללוגו

שנולד בענן

משקל Bold 700 · לכותרות משנה

NUVOLA 0123

פולין (Polin) · כל שאר הטקסט

32 טעמים בתחלופה, מחומרי גלם שאנחנו רציניים לגביהם. כל חודש ארבעה טעמים חדשים, רק לזמן מוגבל. טקסט רץ ב־18 במחשב, 16 בנייד, גובה שורה 1.6.

משקל Regular 400 · לטקסט רץ

תזכירו לי כשהדרופ נפתח

משקל Extrabold 800 · לכפתורים והדגשות

טקסט קטן · 14 פיקסלים · הצהרת נגישות, תקנון, הערות

סולם הכותרות (רספונסיבי)

כותרת ראשית 48–128

כותרת משנה 40–64

כותרת קטנה 24–32

כפתורים ותגיות

לכל הטעמים עגלה לאירוע

ראשי בפטל, משני במסגרת שוקולד. במעבר עכבר הכפתור עולה קצת (transform בלבד). לחצי Tab כדי לראות את מסגרת הפוקוס.

בנו עגלה לסיפור שלנו

על רקע כהה: מנגו עם טקסט שוקולד.

חדשטבעוניללא גלוטןפתוח עכשיונפתח ב־12:00שדה טופס

תמונות

כל התמונות נוצרו ב־ChatGPT בסגנון אחד קבוע, וההירו החי ב־Magnific. הן בפורמטים WebP ו־AVIF בתיקייה public/images, וכל הפרומפטים שמורים ב־docs/image-prompts.md.