التخطّي إلى المحتوى
menumenu tanreiexpand_morecontrasttranslate
tanreiexpand_more
البدءWebReactSwiftUIJetpack ComposeFlutterReact Nativeالإعدادات الجاهزةنظام التصميم الخاص بكاستخدام Tanrei مع وكلاء الذكاء الاصطناعيالعلامة التجاريةرموز التصميمأنظمة التصميم والتخصيصTheme Studioاللونالطباعةالأيقوناتالشكلالارتفاعالحركةحالات التفاعلالسلوكالتخطيطإمكانية الوصولالكلماترموز الألوانرموز السلّم الطباعيرموز الشكلرموز الارتفاعرموز الحركةرموز الحالةرموز التباعد والقياسالمكوّناتالزرزر الإجراء الرئيسيالزر المقسَّممجموعة الأزرارزر مع قائمةشريط الأدواتزر النسخخانة الاختيارزر الاختيارمفتاح التبديلالرقاقةقائمة الخياراتشريط التمريرحقل شريط التمريرالتقويمDateTimePickerمجموعة الحقولمجموعة أزرار الاختيارمجموعة خانات الاختيارعنصر الاختيارحقل الاختيارشريط القوائمرفع الملفاتمنتقي الملفات متقدّمساحة الإفلاتحقل إدخال النص متقدّمحقل النصحقل الرقاقاتالحقلمربع التحرير والسرد متقدّمحقل التحرير والسردحقل إدخال العدد متقدّمحقل العددحقل إدخال اللون متقدّمحقل اللونحقل إدخال الرمز لمرة واحدة متقدّمحقل الرمز لمرة واحدةحقل إدخال النص المدمج متقدّممربع كتابة الرسائلالبطاقةالفاصلالطبقة النمطية متقدّممربع الحوارالقائمة (list)صف القائمةاللوحة السفليةاللوحة الجانبيةالعرض الدوّاركتلة الشيفرةالجدولاللوحة المنبثقةالخطواتالأكورديونقائمة الوصفالشكل التوضيحيهيكل التطبيقرأس الصفحةالعرض الشجريالخط الزمنيمعاينة الصورمقبض تغيير الحجمالإطار القابل لتغيير الحجممنطقة التمريرالشارةمؤشر التقدمالعدّادعارض الأرقام المتحرّكمؤشر التحميلشريط الإشعار (Snackbar)التلميحاختصار لوحة المفاتيحالوسمالشيفرة المضمَّنةالتنويهالصورة الرمزيةالحالة الفارغةمجموعة الوسومهيكل التحميلعنصر الملفمربع اللونالنص المتحركعلامات التبويبعرض التبويباتشريط التطبيقشريط التنقلدرج التنقلالبحثالرابطالتنقل بين الصفحاتروابط السابق والتاليمؤشر الخطواتمسار التنقلجدول المحتوياتبطاقة الرابطقائمة FABالحالةكيف يُبنى Tanreiالمساهمةالترخيص والإسناد
الرئيسيةالأسسالعلامة التجارية

العلامة التجارية

اسم Tanrei، وعلامتاه وطريقة استخدامهما، والطابع الذي يُرسم به النظام.

content_copyعرض بتنسيق Markdown

كلمة Tanrei (端麗) تعني النظيف الحسن التكوين. والاسم وصف موجز لما يُراد من النظام: واجهات هادئة ودقيقة وسهلة القراءة، على كل منصة يصدر عليها المنتج. ومشروع Tanrei مستقل.

العلامتان

لـ Tanrei علامتان، ويستخدم واحدة منهما في كل مرة.

الرمز والعلامة النصية

الرمز، فاتح

الرمز، داكن

العلامة النصية، فاتحة

العلامة النصية، داكنة

  • الرمز هو حرف T من خط Shippori Mincho، بزوايا مُليَّنة. لا يُستخدم إلا حيث يُطلب شكل مربع أو دائري — الـ favicon، وأيقونة تطبيق، وعلامة مائية على المواد مثل زخرفة زاوية ملف تصميم — أو للترويج والزخرفة الهادئين.
  • العلامة النصية هي حرف T من الرمز يليه «anrei» مصفوفًا بخط Outfit SemiBold، مرسومين رسمًا واحدًا. وهي شعار Tanrei حيثما يُقرأ الاسم: رأس هذا الموقع في كل عرض، وغلاف، وعنوان صفحة، وصورة رابط مُشارَك.

علامة واحدة في كل مرة، ولا علامة مركّبة من الرمز والعلامة النصية أبدًا: هذه قاعدة Tanrei لعلامتيه. أما شريط التطبيق نفسه فيتيح للمنتج أن يعرض شعاره بالترتيب الذي يحتاجه ذلك الشعار، بما في ذلك العلامة المركّبة.

يقع الرمز أسفل مركز إطاره المربع بقليل. هذا تصحيح بصري: ثقل حرف T في أعلاه، والموضع الأدنى يجعله يبدو في المنتصف.

اللون

تُرسم العلامتان بلون واحد، sys.color.on-surface، على السطح الذي تقفان عليه. ولأن اللون رمز (token) وليس جزءًا من الرسم، تتبع العلامتان النظامين الفاتح والداكن وكل مستويات التباين. وكل استخدام يأخذ on-surface: يلوّن رأس هذا الموقع علامته النصية بـ comp.app-bar.brand.color، وهو on-surface.

المساحة الخالية

المساحة الخالية

ربع ارتفاع الحبر من كل جانب

اترك ربع ارتفاع الرمز خاليًا من كل جانب. قِسه من الحبر لا من الإطار. وحول العلامة النصية اترك نصف ارتفاع حروفها الصغيرة (x-height) خاليًا. لا يدخل هذه المساحة شيء آخر: لا نص، ولا علامة أخرى، ولا حافة الشاشة.

الحجم الأدنى

الحجم الأدنى

الرمز: إطار 24 px

العلامة النصية: حرف كبير بارتفاع 24 px

لا ترسم الرمز أصغر من إطار 24 px، ولا ترسم العلامة النصية بحرف كبير يقل ارتفاعه عن 24 px.

الاستثناء الوحيد هو الـ favicon، لأن المتصفح يرسمه بحجم 16 px. وهو ملف SVG واحد. أما ملفا ICO وPNG المرافقان له فهما رسمان للصورة نفسها بالأحجام التي تطلبها المتصفحات، لا تصميم ثانٍ. عند 16 px تلين حوافه، وهذا مقبول.

افعل ولا تفعل

لا تفعل

مطليّ بلون آخر

محوَّل إلى خط خارجي

ممطوط

الرمز بجانب العلامة النصية

Tanrei

الاسم مصفوفًا بجانب الرمز

افعل

  • استخدم علامة واحدة في كل مرة: العلامة النصية حيثما يُقرأ الاسم، والرمز فقط حيث يُطلب شكل مربع أو دائري.
  • ارسم العلامة بلون on-surface، على سطح النظام الذي تقف فيه.
  • حيث تحتاج منصة إلى أيقونة معتمة، مثل الشاشة الرئيسية أو favicon نقطي، ضع الرمز على سطح النظام الفاتح. المربع للمنصة، وليس جزءًا من العلامة.
  • أبقِ الرمز في موضعه من إطاره. لا تنقله إلى مركز الإطار.

لا تفعل

  • لا تغيّر لون علامة، ولا تُضف إليها تدرّجًا أو خطًا خارجيًا أو ظلًا أو شكلًا في الخلفية.
  • لا تمطّ علامة ولا تدوّرها ولا تقصّها.
  • لا تجمع الرمز والعلامة النصية في علامة مركّبة، ولا تصفّ الاسم نصًا بجانب الرمز.
  • لا تُعِد صفّ العلامة النصية بخط آخر. استخدم رسمها.
  • لا تستخدم الحرفين 端麗 علامةً. إنهما زخرفة غلاف ملف التصميم، لا جزء من الهوية.

طابع النظام

العلامة التجارية هي أيضًا الطريقة التي يبدو بها النظام.

المحتوى أولًا والإطار آخرًا

الأسطح شبه أحادية اللون، والحدود خطوط رفيعة بسماكة بكسل واحد، فيكون محتوى المنتج أكثر ما على الشاشة ألوانًا. الإجراء الأساسي أسود على أبيض أو أبيض على أسود. يوجد لون تمييز أزرق واحد، وهو محجوز للشيء الوحيد الذي يجب العثور عليه فورًا: حلقة تركيز لوحة المفاتيح. يُعرف الرابط بالخط الذي تحته، ويُعرف العنصر المختار باللون الأساسي (primary)، فلا شيء آخر على الشاشة أزرق.

بنية تراها العين

يأتي التسلسل الهرمي من المحاذاة والتباعد والخطوط الرفيعة، لا من ظلال ثقيلة أو لوحات ملوَّنة. الارتفاع حلقة مع ظل ناعم جدًّا.

تعبير بالإضافة

الوضع الافتراضي متحفّظ. الخيارات التعبيرية، مثل درجات توكيد أثقل وزوايا أكبر وأنعم وحركة أكثر ارتدادًا، رموز إضافية توضع طبقةً فوق البنية نفسها، وليست تفرّعًا عنها أبدًا.

استخدام الآخرين للعلامتين

شيفرة Tanrei ووثائقه مرخّصة بموجب Apache License 2.0. ولا يمنح القسم 6 من الترخيص إذنًا باستخدام أسماء المرخِّص أو علاماته التجارية أو أسماء منتجاته، إلا لوصف مصدر العمل ولإعادة إنتاج ملف NOTICE.

  • يمكنك أن تذكر في نص أن عملك يستخدم Tanrei أو أنه مبني به.
  • الرمز والعلامة النصية ملك لـ Tanrei Authors وليسا مرخّصين للآخرين. لا تستخدمهما في منتجك، ولا في اسم حزمتك أو أيقونتها، ولا بأي طريقة توحي بأن عملك هو Tanrei أو أن Tanrei يؤيده.