Notion

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

מותג

• Notion Blue #0075de — האלמנט העיקרי הממלא את כפתור הקריאה לפעולה (CTA), דגש בניווט הפעיל, כפתורי פעולה מלאים הם ערכת הצבעים היחידה במערכת כמעט מונוכרום שרוויה מספיק כדי להיתפס כמתג.

נֵטרָלִי

• Paper Warmth #f6f5f4 — בד הציור של הדף, רקע החלון הראשי ורקע המקטע כולם בצבעים חמים ובז' קל, המעניקים למערכת תחושה אנלוגית ומישושית.
• Pure White #ffffff — משטחי כרטיסים, פאנלים מורמים, רקע לוגו, טקסט מנוגד על כרטיסים כהים.
• Ink Black #000000 — טקסט עיקרי, קישורי ניווט, כותרות - משמשים עם שקיפות שונה (100%, 95%, 90%, 60%, 40%, 20%) כדי לבנות היררכיה מבלי להוסיף צבעים חדשים.
• Charcoal #111111 — אפשרות טקסט כהה עבור אזורי ממשק המשתמש שבהם שחור טהור ייראה בוטה מדי.
• Stone #757575 — טקסט ניווט משני, טקסט עזר מושתק, תוויות כפתורים מושבתות - 60% אלפא בדיו
• Graphite #615d59 — לטקסט הראשי גוון חם - אפור חום, המשתלב בהרמוניה עם הרקע החם.

טיפוגרפיה

מ-12 עד 96 פיקסלים · 10 צעדים

• NotionInter — תַחֲלִיף: Inter · קווי מתאר 400, 500, 600, 700 · גופן ה-sans-serif העיקרי הוא גופן הומניסטי גיאומטרי עם ניואנסים עדינים, המשמש בגדלים 400 לגוף הטקסט, 500 לניווט/ממשק משתמש, ו-600-700 לכותרות. קנה המידה של הגופן משתמש בריווח אותיות שלילי אגרסיבי בגדלים גדולים יותר (-4.6 פיקסלים ב-96 פיקסלים, -2 פיקסלים ב-72 פיקסלים), מה שגורם לכותרת להרגיש קומפקטית ובטוחה יותר, ולא אוורירית.
• Lyon Text — תַחֲלִיף: Source Serif Pro · קווי מתאר 400 · גופן הסריף העריכה, השמור לקטעים בודדים של הטקסט הראשי ולהקדמות לקטעים, משמש במשורה (ארבע פעמים) כדי להעניק לגופן משקל ספרותי, בדומה לציטוט בעיצוב מגזין. הוא מתפקד כדגש שיטתי ולא בהיררכיה מקבילה.

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

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

• ElevenLabs — חיבור מצולם בגווני קרם חמים עם כותרות עדינות. מחברת בסגנון באוהאוס - נייר בצבע קליפת ביצה, דיו שחור, וגימור סגול וכתום יחיד לתצוגת מוצרים.
• Awesomic — רשת אבץ עריכתית עם סימני פיסוק כתומים המזכירים קונפטי
• Monad — כתב עת טכני עריכה על קלף חם
• Dub — לוח הבקרה של נייר האורז המט של לינק
• Seline Analytics — שולחן אנליטי שקט על נייר חם
• Anthropic — כתב עת מדעי על קלף חם - משטחים בצבע שנהב רגועים, כותרות עריכה מסומנות, והדגשת חרס יחידה המופיעה רק כאשר נדרשת פעולה.
• Calendly — דיו כחול כהה על שיש קר
• Augen Pro — המצגת הלבנה של אפל מציגה גוון כחול חשמלי קליני, חסר משקל וחסר גוון כמבטא יחיד בחלל מונוכרום.
• Antimetal — כרוניקה מערכתית על נייר בצבע קרם - בוקר שקט בכתב עת מדעי, שבו איפוק משדר ביטחון וסריפים עושים את העבודה הקשה
• Perk — ליים חשמלי על נייר אפייה חם
• Ditto — סדנה שטופת שמש ליצירת דוגמיות פרחי בר. משטחים חמים בצבע קרם, צבע בסיס צהוב עז, דיו כחול כהה עמוק, צורות צבע אורגניות פורחות מאחורי היצירה.
• Officevibe — מגזין מערכת על נייר בצבע קרם חם. דמיינו מאמר מעמיק על ניהול משאבי אנוש, המוצג כמוצר - גופן סריף חתוך לוחש דרך ממשק כחול מודרני.