هوية Saywork
شعار Saywork وألوانه وخطوطه.
بتكتب عن Saywork، أو بتحط لينك له، أو بتضيفه لقائمة أدوات؟ استخدم الملفات دي. استخدامها مجاني طالما الموضوع عن Saywork ومن غير ما تغيّر فيها. لأي سؤال: hello@getsaywork.com.
الشعار
موجة صوت بتكبر لحد ما تبقى علامة صح. كل نبضة في الموجة أكبر من اللي قبلها، لحد ما آخر نبضة تبقى الخط الطويل في علامة الصح: إنت بتتكلم، وهو بيبني، والشغل بيخلص.
العلامة
الموجة وعلامة الصح لوحدهم: من غير مربع ومن غير دايرة. استخدم العلامة بلون واحد في أغلب الأماكن.
العلامة بلونين
الموجة الوردي مع علامة صح جرافيت أو خضرا بتحكي القصة كلها. استخدمها في اللحظات الكبيرة زي أول الموقع، وفيديوهات الإطلاق، وحركة "خلصت". وفي أي مكان تاني استخدم العلامة بلون واحد.
الشعار الكامل
العلامة والاسم جنب بعض، زي ما هم في أعلى الموقع ده.
الاسم
دايمًا "saywork" بحروف صغيرة، بخط Bricolage Grotesque ExtraBold ومسافات ضيقة بين الحروف. وجوه الجملة اكتب Saywork بحرف S كبير.
أيقونة التطبيق
العلامة باللون الطباشيري على مربع جرافيت بزوايا مدوّرة. ليها نسخة واحدة بس. المربع ده خاص بأيقونة التطبيق؛ في أي مكان تاني استخدم العلامة لوحدها.
كل الملفات اللي فوق في فولدر واحد: SVG للطباعة وبرامج التصميم، وPNG بخلفية شفافة لأي حاجة تانية.
المساحة الفاضية والحجم الأصغر
سيب حوالين العلامة مساحة فاضية قد ارتفاع علامة الصح، ونفس المساحة حوالين الشعار الكامل. ما يدخلش جوّه المساحة دي أي حاجة: لا كلام، ولا حرف الصفحة، ولا شعار تاني.
دليل الهوية بيرسم أيقونة التطبيق من 96 بكسل لحد 18 بكسل. ما تستخدمش العلامة ولا أيقونة التطبيق بحجم أصغر من 18 بكسل؛ لو المكان أصغر من كده، اكتب الاسم ككلام عادي.
الألوان
اللون بيقول للناس Saywork بيعمل إيه. الوردي معناه إنه بيسمعك. الأخضر معناه إن الشغل خلص. والجرافيت هو الشريط اللي شايل الاتنين.
الشريط العائم، والكلام، وأيقونة التطبيق.
14.3:1 على الطباشيري، و15.8:1 على الورقي. والطباشيري على الجرافيت 14.3:1.
خلفية التطبيق والموقع.
كلام جرافيت على الطباشيري: 14.3:1.
السمع، والصوت، والمايك.
5.3:1 مع الجرافيت، في الاتجاهين. على الطباشيري 2.7:1 بس: ما ينفعش لكلام صغير على خلفية فاتحة.
الشغل اللي خلص، على خلفية فاتحة.
4.65:1 على الطباشيري، و5.1:1 على الورقي. كلام ورقي على الأخضر: 5.1:1.
"خلصت"، على خلفية غامقة.
9.0:1 على الجرافيت. للخلفيات الغامقة بس.
الأسطح المرفوعة.
كلام جرافيت على الورقي: 15.8:1.
الكلام الثانوي.
5.2:1 على الطباشيري، و5.8:1 على الورقي.
الحدود والفواصل.
1.2:1 على الطباشيري: للخطوط بس، عمره ما يبقى لون كلام.
التباين هو نسبة WCAG محسوبة من قيم الـ hex. الكلام العادي محتاج 4.5:1 على الأقل.
جوّه المنتج، الوردي للصوت بس. لو حاجة وردي، يبقى Saywork بيسمعك. ما تستخدمش الوردي لزراير ملهاش علاقة بالكلام، ولا لكلام صغير على الطباشيري لأنه فاتح ومش هيتقري.
جوّه المنتج، الأخضر بيظهر بس لما حاجة تخلص. عمره ما يبقى للزينة، عشان يفضل معناه دايمًا "خلصت".
من غير تدرّجات ألوان، ومن غير صور سما أو فضاء. اللون المسطّح هو اللي مخلّي Saywork شكله مختلف عن أي أداة ذكاء اصطناعي تانية.
الخطوط
عيلتين خطوط، لكل واحدة شغلها. Bricolage Grotesque ليه شخصية وهو اللي بيتكلم. Figtree سهل في القراية وهو اللي بيشتغل. من غير خطوط serif.
العنوان الرئيسي والعنوان ExtraBold 800، والعنوان الفرعي SemiBold 600، بخط Bricolage Grotesque. النص والتسمية بخط Figtree. الصفحات العربي في الموقع ده بتستخدم IBM Plex Sans Arabic، لأن الخطين دول ما فيهمش حروف عربي.
المكوّنات
تلات حاجات شايلة الهوية جوّه المنتج: الشريط العائم، وإيصال الوكيل، ومربع الطلب.
الشريط العائم
جرّب كل الحالات.
خط، مش أعمدة
الموجة خط واحد ناعم مرسوم بنفس سُمك خط الشعار. الخط بيخلّي الشريط والشعار حاجة واحدة.
الوضع باين دايمًا
الشريحة اللي في أول الشريط بتقول كتابة أو تنفيذ، عشان الناس تعرف دايمًا Saywork هيكتب كلامهم ولا هينفّذه. التنفيذ بيبقى وردي لأنه الوضع المميز.
بيخلص بالشعار
لما الشغل يخلص، الموجة بترسم نفسها وتبقى علامة الصح. كل مهمة بتخلص بتعيد الهوية قدام المستخدم.
إيصال الوكيل
في وضع التنفيذ، الشريط بيفتح لإيصال: قايمة قصيرة وحيّة باللي Saywork بيعمله دلوقتي واللي عمله خلاص.
من غير شباك زجاج كبير ومن غير خلفيات. الإيصال بيفضل صغير، تحت الشريط، وبيوري الدليل. كل خطوة بتبدأ بفعل بسيط: فتح، دوّر، لقى، طبّق. "ورّيني" بيفتح المتصفح عشان تتفرج. و"وقّف" بينهي الشغل فورًا.
- فتح Chrome
- دوّر في 6 مواقع كوبونات
- لقى كودين شكلهم شغالين
- بيطبّق أول كود
- يتأكد من الخصم
مربع الطلب
أول حاجة على الشاشة هي مربع الطلب، مش بانر. زرار كتابة وتنفيذ جوّاه على طول، والمايك وردي لأنه للكلام.
Saywork بيتكلم إزاي
قصير، ودافي، ومحدد. بيقول عمل إيه، وبيعرض الخطوة اللي بعدها.
أدوات الصوت التانية بتكتب اللي بتقوله. Saywork بيعمل اللي بتقوله.
دي الجملة اللي كل صفحة وكل فيديو وكل إعلان بيرجعلها. Saywork بيتكلم زي أشطر زميل اشتغلت معاه، وكمان دمه خفيف شوية: واثق، ودافي، وسريع. عمره ما يتكلم بلغة شركات، وعمره ما يتكلم زي روبوت.
ده كلام Saywork
- حاضر.
- خلصت. 3 صفحات نزلت الأسبوع ده. تحب أعرفلك السبب؟
- البحث شغال. هبلّغك كمان 15 دقيقة.
- الكود ده خلصت صلاحيته. لقيت واحد تاني واشتغل.
ده مش كلام Saywork
- بالتأكيد! يسعدني جدًا مساعدتك في طلبك.
- نستفيد من الذكاء الاصطناعي لمضاعفة إنتاجيتك.
- حدث خطأ. يرجى المحاولة مرة أخرى.
- جارٍ معالجة استعلامك.
شركتي جابت حد مكاني… وطلع أنا. lol.
الهزار مكانه فين
البوستات، وآخر الفيديوهات، والإعلانات، وآراء الناس. عمره ما يكون جوّه المنتج وهو شغال على حسابات حد: هناك بيفضل هادي ودقيق. بيهزر برّه، وجدّ في الشغل: الفرق ده هو الهوية.
اعمل وما تعملش
اعمل
- اكتب الاسم Saywork جوّه الجملة. والاسم في الشعار دايمًا بحروف صغيرة: saywork.
- استخدم العلامة بلون واحد، وسيب العلامة بلونين للحظات الكبيرة.
- سيب مساحة فاضية قد ارتفاع علامة الصح.
- خلّي الوردي للصوت والأخضر لـ"خلصت".
ما تعملش
- ما ترسمش العلامة من جديد، ولا تلفّها، ولا تمطّها، ولا تحطلها حدود.
- ما تحطهاش جوّه دايرة أو كرة أرضية.
- ما تضيفش تدرّجات ألوان، ولا صور سما أو فضاء.
- ما تستخدمش الشعار بشكل يوحي إن Saywork بيدعم حاجة هو مش بيدعمها.
استخدامها مجاني طالما الموضوع عن Saywork ومن غير ما تغيّر في الملفات. لأي سؤال: hello@getsaywork.com.