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 — مجلة تحريرية مطبوعة على ورق بلون كريمي دافئ. تخيل مقالاً متعمقاً حول إدارة الموارد البشرية، مُقدَّماً كمنتج - خط serif انسيابي يهمس من خلال واجهة زرقاء عصرية.