01Aa
#26332Dהבמה של המותג
יער עמוק
רקע לכותרות פתיחה, שקפים ואזורים קולנועיים. יוצר עומק ומחזיק טקסט בהיר.
RGB 38, 51, 45טכנולוגיה עם חום
צבעי טבע וחומר נותנים ליצירה הדיגיטלית תחושה אנושית ומוחשית.
עומק, בלי רעש
ירוק כהה מחזיק את הבמה. הטקסט והרעיון מקבלים את מרכז תשומת הלב.
מקום להתפתח
מערכת קבועה של צבעים מאפשרת לבנות תוצרים חדשים שנראים שייכים לאותו עולם.
01 / THE FOUNDATIONשישה צבעים.
שישה צבעים.
שפה אחת.
אלה הקודים ששימשו בגרפיקה של הקורס ובמערכת עריכת הווידאו. זו פלטת מהדורת הקורס וההרצאה של Vibe, ובה נשמרת האחידות בין התוצרים.
02Aa
#2B3430המילים במרכז
דיו ירוק
טקסט ראשי על שמנת ועל משטחים בהירים. חלופה רכה לשחור.
RGB 43, 52, 4803Aa
#5A8268הצבע שמחבר
מרווה
הדגשות, אייקונים, פרטים ואיורים. בטקסט קטן מעדיפים את ירוק הפעולה העמוק.
RGB 90, 130, 10404Aa
#D9E5D8אור ירוק ורך
מרווה בהירה
כרטיסים בהירים, כותרות על רקע כהה ומשטחים משניים.
RGB 217, 229, 21605Aa
#F3F0E8מרחב לנשום
שמנת נייר
רקע בהיר חם וטקסט על ירוק עמוק. הבסיס שמרכך את המראה הטכנולוגי.
RGB 243, 240, 23206Aa
#D3C4A9הנגיעה האנושית
שמפניה שקטה
הדגשת מילה בכתוביות, תוויות ופרטים קטנים. מינון מדוד, ללא מראה נוצץ.
RGB 211, 196, 16902 / ROOM TO GROWעוד גוונים.
עוד גוונים.
אותו אופי.
שישה גוני עזר שמרחיבים את הבסיס לצורכי עיצוב: כפתורים, טקסט משני, שכבות ואיורים. הם משלימים את הפלטה הקיימת; אין צורך להכניס את כולם לכל עיצוב.
07Aa
#466953כפתורים וטקסט לבן
ירוק פעולה
גוון עזר עמוק מהמרווה המקורית, עבור כפתורים עם שמנת וטקסט קטן.
RGB 70, 105, 8308Aa
#E9EEE7שכבת רקע נוספת
ערפל ירקרק
מפריד בעדינות בין אזורים ומוסיף עומק בלי להעמיס.
RGB 233, 238, 23109Aa
#819982איורים ומעברים
עלה מעושן
גוון ביניים לדיאגרמות, קווי מתאר ואלמנטים דקורטיביים.
RGB 129, 153, 13010Aa
#B5C9B5שכבה בהירה
אור עלים
צבע עזר לרקע של אייקונים, המחשות ושכבות במושן.
RGB 181, 201, 18111Aa
#58655Dהסברים וכיתובים
טקסט משני
לכיתובים קטנים ולהסברים על שמנת. שומר על קריאות בלי להתחרות בכותרת.
RGB 88, 101, 9312Aa
#FFFFFFניקיון ממוקד
לבן נקי
כרטיסים ומשטחים נקודתיים. השמנת נשארת הרקע הבהיר המוביל.
RGB 255, 255, 25503 / BETTER TOGETHERהחיבור עושה
החיבור עושה
את ההבדל.
שלושה שילובים ששומרים על השפה, עם אופי שמתאים לכל רגע: במה כהה, מרחב בהיר או שכבה ירוקה ורכה.
עומק שמחזיק
רעיון גדול.
יער עמוק + שמנת. לפתיחים, שקפים וכותרות מרכזיות.
#26332D + #F3F0E8יותר מרחב.
יותר בהירות.
שמנת + דיו ירוק. לטקסטים, אזורי הסבר ומיילים.
#F3F0E8 + #2B3430רכות שיש
בה כיוון.
מרווה בהירה + יער עמוק. לכרטיסים, דיאגרמות ואזורים משלימים.
#D9E5D8 + #26332Dהמרווה המקורית נשארת חלק מהשפה. עבור כפתור קטן עם טקסט בהיר נשתמש בירוק הפעולה
#466953. כך נשמר האופי הירוק עם יותר ניגודיות. שמפניה נשמרת להדגשות על כהה, ולא לפסקאות על רקע בהיר.שמנת על יער עמוק11.57:1
דיו ירוק על שמנת11.27:1
יער עמוק על מרווה בהירה10.13:1
שמנת על ירוק פעולה5.41:1
שמפניה על יער עמוק7.68:1
טקסט משני על שמנת5.37:1
04 / FROM PALETTE TO PICTUREככה השפה
ככה השפה
כבר נראית.
הגרפיקה שנוצרה לקורס היא נקודת החיבור: חומרים רכים, אור חם, מרווה ועומק ירוק. בקוד ובווידאו אותם גוונים הופכים למערכת ברורה וחוזרת.
THE ORIGINAL COURSE ARTWORKמראה אחד.
מראה אחד.
בכל נקודת מפגש.
התמונה המקורית מציגה את רוח הפלטה. הקודים שבעמוד הם ערכי הייחוס לשימוש בעיצוב; תאורה, צל ומרקם בתמונה יוצרים גם גוני ביניים.
מהידע שלך.
לתוצרים שלך.
לתוצרים שלך.
מצגת והרצאה
רקע יער עמוק, כותרת שמנת והדגשה במרווה בהירה. רעיון מרכזי אחד, עם מספיק מקום סביבו.
הידע שלך הופך לעשייה.
וידאו וכתוביות
Heebo, כתוביות בהירות על משטח כהה והדגשת המילה הנאמרת בשמפניה. הגרפיקה תומכת בדיבור.
מקורות←תשתית←תוצר
המחשות ותנועה
כרטיסי שמנת ומרווה בהירה על במה כהה. כניסה מדורגת, היררכיה פשוטה וטקסט קצר.
05 / TRY THE ATMOSPHEREאותו מסר.
אותו מסר.
אור אחר.
בחרו גרסה כדי לראות איך שינוי היחסים בין הצבעים משנה את האווירה, בלי לשנות את השפה. זוהי הדגמת עיצוב, ללא טופס או הרשמה.
VIBE / KNOWLEDGE INTO ACTIONהידע שלך.
הידע שלך.
כיוון חדש לעסק.
מקום אחד לרעיונות, לדרך העבודה ולכל מה שכבר למדת. בסיס שממנו אפשר להמשיך ליצור.
01 הרעיונות שמחכים לצאת02 דרך העבודה שכבר בנית03 התוצר הבא של העסק
60% מרחב30% עומק10%
נקודת פתיחה מוצעת לדף בהיר, לא נוסחה מחייבת. בשקף כהה או בפתיח וידאו היחסים יכולים להתהפך.
06 / KEEP THE LANGUAGEלוקחים את השפה
לוקחים את השפה
לפרויקט הבא.
העתיקו את משתני הצבעים ל־CSS או את הערכים כ־JSON. גופן הכותרות והטקסט: Heebo. הגוונים הבהירים נותנים מרחב; הירוקים מחזיקים את הכיוון; השמפניה מוסיפה נגיעה מדויקת.
:root {
--vibe-forest: #26332D;
--vibe-ink: #2B3430;
--vibe-sage: #5A8268;
--vibe-pale: #D9E5D8;
--vibe-paper: #F3F0E8;
--vibe-champagne: #D3C4A9;
--vibe-action: #466953;
--vibe-mist: #E9EEE7;
--vibe-leaf: #819982;
--vibe-soft: #B5C9B5;
--vibe-muted: #58655D;
--vibe-white: #FFFFFF;
}