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

الخط والدائرة وما يفعله الضوء بالمعدن.

العلامة وكيفية بنائها والملفات التي ينشرها IO Patina LLC للاستخدام.

الرمز والقفل الأساسي، مستمدان من الشبكة بكل حجم. كلاهما متجه، وليس صورة واحدة.

البناء

قاعدة واحدة، وليس شكلين.

يتم رسم المتحدث على طول الطريق حول الدائرة، ويتغير العرض الزاوي لكل منها مع اتجاهه. عندما يصل هذا العرض إلى درجة الصوت الكاملة، تلتقي الأسلاك المتجاورة وتتماسك الحلقة؛ حيث ينخفض ​​إلى النصف، ينقسمون إلى المروحة. وبالتالي فإن الهلال والمروحة هما نفس الجسم الذي يُرى من زاويتين، ولهذا السبب لا يوجد أي اتصال بينهما.

شبكة الغطاء – القطر الخارجي للحلقة = وحدات 100
قياسالقيمةملاحظة
القطر الخارجي للحلقة 100 الشبكة - كل رقم آخر يمثل نسبة مئوية منه
قطر الفراغ 61.18 دائرة تناسب المتبقية 0.84px على المرجع
إزاحة باطلة 2.53 اليسار الفراغ ليس متحد المركز، وهذا هو التصميم
عرض الشريط 12.99 دافق مع الحلبة، أعلى وأسفل
الفجوة من شريط إلى حلقة 12.30 مساحة فارغة داخل العلامة
المتحدث، دائرة كاملة 114 ± 3 الملعب 3.10° –3.23° عن طريق الارتباط التلقائي عبر أربعة أنصاف أقطار؛ السيد فظ جدًا بحيث لا يمكنه حسابهم بدقة
تكلم العرض 50% من الملعب، في المروحة المفتوحة
قوس صلب 195°–330° قياس؛ تتمركز أقل بقليل من الساعة التاسعة
العرض الكلي 126.67 بما في ذلك وصول المروحة إلى ما بعد الحلقة

التحجيم البصري

تتضاءل المروحة عندما تصبح العلامة أصغر.

يحتاج المتحدث وفجوته إلى ما يقرب من ثلاثة بكسلات من القوس لقراءتها على أنها شيئين. بدلاً من رسم مكبرات الصوت 114 والسماح لجهاز المسح بتدميرها، تحمل العلامة أربع قطع. الحلقة، والفراغ البعيد عن المركز، والفجوة من الشريط إلى الحلقة متطابقة في جميع الأجزاء الأربعة - يتم إسقاط التفاصيل التي لا يمكن للحجم الاحتفاظ بها.

Display كاب 90px وما فوق · جميع المتحدث 114
Medium كاب 40 – 89px · تم توسيع كل تحدث ثالث - رسم 38
Quiet أدناه الحد الأقصى 40px · لا مروحة، والنسب الحقيقية — رأس الموقع
Favicon أيقونات 16 و32px · بدون مروحة، تم توسيع الشريط إلى 17.5 بحيث يصل إلى بكسل كامل

تم رسم الأربعة هنا بنفس الحجم بحيث يكون الفرق مرئيًا. عادةً ما يتم رؤية كل منها فقط بالحجم الذي تم قطعه من أجله.

اللون

ست قيم تحمل النص.

يتم قياس كل زوج أدناه مقابل WCAG 2.2. ثلاثة من الألوان الخمسة للمجموعة لا تصل إلى 4.5: 1 على الورق كما هو مذكور - رمادي حجري في 2.81: 1، Portal Gold في 1.85: 1 و Mist في 1.10: 1 - لذلك يتم استخدام كل منها حيث تمر وتتم إزالتها بنفس اللون حيث لا. يتم تسجيل البدائل في نظام التصميم.

  • Deep Ink

    #0F1114

    العناوين الرئيسية، والأزرار الأساسية، والأرض المظلمة

    16.76:1 على Paper

  • Paper

    #F3F1ED

    أرض الصفحة

    16.76:1 على Deep Ink

  • Portal Gold

    #C8B092

    لهجة على الأسطح الداكنة فقط

    9.08:1 على Deep Ink

  • Bronze

    #7C5F3E

    الروابط والعلامات على الأسطح الخفيفة

    5.22:1 على Paper

  • Graphite

    #4A4C4E

    نسخة الجسم

    7.65:1 على Paper

  • Stone

    #6B6D6B

    الملصقات الصغيرة – الأخف محايدة

    4.63:1 على Paper

الأجهزة

أربعة أجهزة مأخوذة من العلامة.

العلامة هي كائن الدقة؛ الصفحة التي تحملها فقط تُقرأ كصفحة بها ملصق. هذه الأجهزة الأربعة هي القياسات الخاصة بالعلامة المستخدمة كبنية للصفحة، وبالتالي فإن الهوية وموقع الويب لا يكونان شيئان يتشاركان في الشعار. كل IO Patina الخاصية مستمدة من نفس المجموعة - راجع الموضوع المشترك في الموضوع/.

الجهاز 01 · البار

علامات كل عنوان القسم. العنصر الأكثر تميزًا في الهوية، موجود في كل صفحة، عدة مرات، دون أي تكلفة.

قاعدة 5px · الارتفاع الكامل للسكة · لون مميز

من ساق الوحدة 12.99

البناء

قاعدة واحدة، وليس شكلين.

اللون

ست قيم تحمل النص.

الجهاز 02 · القاعدة الناطقة

واحدة لكل صفحة، عند الحد الأساسي للصفحة. يظل كل فاصل آخر بمثابة خط شعري - والقاعدة المرسومة تحافظ على وزنها فقط إذا كانت هي الوحيدة.

درجة الصوت 6px · الواجب 50% · الارتفاع 10px · يتلاشى لليمين

من الملعب المروحة



الجهاز 03 · معدن

سطح، وليس تسليط الضوء. واحدة في كل صفحة، خلف البطل أو الفرقة المظلمة، وليس خلف النص الذي يجب قراءته أبدًا.

غسل الشريط كحافة صفحة 13px · ضرب حلقة الغسيل من أعلى اليمين

من التدرجات المنشورة

الجهاز 04 · الفراغ خارج المركز

ينسخ التخطيط عدم تناسق الحلقة: عمود النص أوسع من عمود السجل، ويمتد مقطع العرض خارج الصفحة.

الأعمدة 1.35 / 1 · العلامة تنزف بعد الحافة اليمنى عند 16%

من إزاحة وحدة 2.53 للفراغ

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

محرف

ثلاثة وجوه، مستضافة ذاتيا.

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

Archivo الواجهة والعناوين والنص

Ideas, carefully made.

متغير، 100 – 900. عناوين الأقسام، والتنقل، والأزرار، وكل شيء يُقرأ كنص قيد التشغيل. أيضا مصدر الخطوط العريضة للكلمة.

Source Serif 4 العرض فقط

Ideas, carefully made.

عناوين الصفحات والبيانات، 30 – 62px. لا تقل أبدًا عن 26px، حيث يتوقف الرقيق عن كونه صوتًا ويصبح نسيجًا.

Martian Mono التسميات والبيانات

Ideas, carefully made.

الحاجبين، وصفوف التسجيل، وكل رقم على الموقع، بحيث يتم قياس أي شيء يتم قياسه.

ملفات

ملفات الشعار المنشورة.

يتم إنشاء كل منها من نفس الوحدة الهندسية التي يرسم الموقع بها رأسه، لذا لا يمكن أن يختلف الملف والعلامة المباشرة. كلها ناقلات.

باستخدام العلامة

احتفظ بالمساحة الواضحة

اترك نصف قطر الحلقة على الأقل حرًا من كل جانب. الملفات المنشورة تحملها بالفعل في صندوق العرض الخاص بها، لذا فإن وضعها من الحافة إلى الحافة يكفي.

لا تعيد رسم الحلقة كدائرة عادية

الهلال الذي يتدفق داخل المروحة هو العلامة. الخاتم العام هو شعار مختلف.

لا تقم بإعادة التمدد أو التدوير أو إعادة التلوين

استخدم ملفًا منشورًا. العلامة أوسع من طولها، وقياس محور واحد يكسر الدائرة.

أدناه حول 56px، استخدم ملف الرمز

لا يمكن للمروحة أن تحل بهذا الحجم وتتحول إلى ضوضاء. تحمل الرموز المفضلة وأيقونات التطبيقات بالفعل القطع الصحيح.

إذن