חוברת המותג של איתנו
המדריך הרשמי לשפה החזותית שלנו: לוגו, קמע, צבעים, טיפוגרפיה ורכיבים. כלים אחידים שהופכים כל מסך לחלק מאותו סיפור.
ביחד, פיננסים יותר חכמים
פשטות
כל מסך אומר דבר אחד ברור. בלי ז׳רגון, בלי עומס, רק מה שחשוב עכשיו.
אנושיות
מדברים בגובה העיניים, בגוף ראשון רבים. לא לבד מול טבלה, אלא יחד.
אמינות
מספרים עקביים, מקורות שקופים, אפס הפתעות. אפשר לסמוך על מה שרואים.
קדמה
תובנות AI שמסבירות את עצמן: טכנולוגיה חכמה שמביאה שקט, לא מורכבות.
צורניות
העקומה משרטטת את עצמה: תנועה, חיבור, קדמה. שני עמודים יציבים שעקומת-האל״ף הסוחפת מגשרת ביניהם. אותה מחווה חוזרת בכל המותג.
לחצו על הסמל לניגון חוזר · Enter
גיאומטריה שמדברת
שם-המילה «איתנו» וסימן-המותג נבנים משפה גיאומטרית אחת ובולטת: שני עמודים יציבים ועקומת-האל״ף הסוחפת שחוצה, מגשרת ומחברת ביניהם. עמודים בנייבי, מחוות-האל״ף בטורקיז. הכל יושב על רשת של 8px, עם פינות מעוגלות ברדיוסים קבועים. הצורניוּת היא הכוכבת.
האנטומיה של הסמל
שלושה מרכיבים, שפה אחת. כל חלק נחתך ישירות מגופי-הסמל עצמם.
אבני-הבניין של האותיות
רדיוסי-הפינות · R / 2R / 3R
מרחב-נשימה
הסמל על רקע בהיר וכהה
אותה מחווה, כל רקע. העמודים מתחלפים בין נייבי (רקע בהיר) לשמנת (רקע כהה), ועקומת-האל״ף נשארת טורקיז, כדי לשמור זהות עקבית וקריאה.
מכבד prefers-reduced-motion: למי שמעדיף, הסמל מוצג מלא וללא תנועה.
הורדת הנכסים
הקמע: הפרצוף האנושי של איתנו
דמות הטורקיז עם כיפת-הנייבי מלווה את המשתמש דרך מצבי-רוח: לכל הקשר יש הבעה משלו. משתמשים בה באונבורדינג, במצבי-ריק, בחגיגות ובבירורים.
ברכהכניסה ראשונה ואונבורדינג
הצלחה וחגיגההשלמת יעד ומיקרו-נצחונות
משימותצ׳קליסט, סיווג ובדיקות
חיסכוןיעדים, ארנק וכסף שנשאר
יתרותמטבע, סכומים וכסף שנכנס
תמיכהעזרה, צ׳אט וליווי
רוגעהכל בסדר, אין מה לטפל
חשיבהממתין לנתונים, מהרהר
שים-לבהתראות ובירוריםאיך איתנו מדבר
חם, ישיר, בגובה העיניים. גוף ראשון רבים («בוא נסתכל יחד»), בלי הפחדות ובלי ז׳רגון. חמש אמירות שמסכמות את ההבטחה:
פלטת הצבעים
נייבי מוביל מבנה ואמון, טורקיז מוביל פעולה. הדגשים והצבעים הסמנטיים נשענים עליהם. לחיצה על דגימה מעתיקה את קוד ה-HEX.
ליבה
דגשים
סמנטי
צבעי-קטגוריות
לכל קטגוריה זהות-צבע קבועה: האייקון, הכיתוב והפס נצבעים באותו גוון. הצבעים והאייקונים נמשכים ישירות מ־components/icons.tsx (המקור החי במערכת).
#067F7A, כדי להבחין ביניהם במבט אחד.מאגר-הקטגוריות המלא
כל קטגוריות-האב ותת-הקטגוריות של הקאנון, מקובצות לפי קטגוריית-האב, בדיוק כמו שהן חיות במסכים: קטגוריה = צללית מלאה בתוך צ'יפ-צבע · פעולה וניווט = קו אחיד (הכרעה 27.7). ליד כל קטגוריה תג-הסטטוס שלה במערכת, ישירות מרף-הזריעה שבקאנון (seed_rule, האכיפה: check:seed-rules).
הוכרע (27.7): צ'יפ-הקטגוריה הוא גרסה א · רקע פסטלי בצבע-הקטגוריה וגליף צבעוני. שם-הקטגוריה שלצידו מצטרף לאותה סקאלה: רקע-פסטל וכיתוב בדיו-הקטגוריה, כך שהצ'יפ והתווית משלימים זה את זה. דוגמה חיה: שורש אחד על כל תתי-הקטגוריות שלו.
חצים, עיפרון, סינון וניווט: קו 2/24 זהה לכל אייקון, מוצג כאן בגודל הניווט (24px). רצפת-הגודל בממשק היא 18px.
טיפוגרפיה
הגופן הראשי הוא Heebo / Noto Sans Hebrew: עגול, ידידותי וקריא ב-RTL. כותרות במשקלים כבדים, גוף ב-Regular, מספרים ב-tabular-nums.
הכסף שלך, איתן
ביחד, פיננסים יותר חכמים
כותרת-משנה של מודול
טקסט גוף: ברור, נעים לקריאה, בגובה העיניים. בלי ז׳רגון פיננסי מיותר.
כיתוב עזר · הערה · מטא-דאטה
משקלים
רשת, מרווחים ורדיוסים
הכל נמדד ביחידות של 8px: מרווחים, ריפוד וגובה. סולם-המרווחים נותן קצב אחיד; הרדיוסים נבנים כ-R · 2R · 3R.
סולם-מרווחים (רשת-8)
רדיוסים
ספריית הרכיבים
דוגמאות חיות בשפת המותג: כפתורים, תגיות, כרטיסים, בקרות, פקדי-טופס, מצבי-ריק והתראות. אלה אבני-הבניין של כל מסך.
כפתורים
צ׳יפים ותגיות
בקרות מקוטעות
פקדים ושדות
כרטיסים
מצבי-ריק
אין תוצאותנסו לשנות את הסינון או טווח-הזמן.הכל מסודראין פעולות שממתינות לכם כרגע.אין חיבורים עדייןחברו חשבון כדי להתחיל לראות תמונה.התראות
מוטיבי-רקע
העמוד, הקשת ועקומת-האל״ף חוזרים כטקסטורות עדינות ברקע סקשנים: נוכחים, אך לעולם לא מתחרים בתוכן.
עשֵׂה ואל-תעשֵׂה
עקרונות שמשמרים את המותג עקבי בכל מסך, כדי שאיתנו תמיד ירגיש כמו איתנו.