لوگو
نشان، واژه‌نشان و لوگوی ترکیبی — ساختار، فضای آزاد، کمترین اندازه، رنگ و زمینه، جای لوگو و اشتباه‌های رایج.
نشان و واژه‌نشان
لوگوی پرتو دو جزء دارد:
- نشان: سه پرتو سبز که از گوشهٔ بالا-راست یک مربع می‌تابند؛ دو شیار میان آن‌ها رنگ زمینه را می‌گیرد. نشان تخت است و هر جزء آن یک رنگ دارد؛ نه گرادیان دارد، نه سایه.
- واژه‌نشان (لوگوتایپ): «پرتو» با حروفی که برای همین لوگو طراحی شده‌اند. واژه‌نشان متن نیست و با هیچ فونتی، حتی یکان بخ، دوباره تایپ نمی‌شود.
این دو در لوگوی ترکیبی کنار هم می‌نشینند: نشان در ابتدای خط (راست) و واژه‌نشان پس از آن.
ساختار
نشان روی یک شبکهٔ ساده ساخته شده است: مربعی 75 واحدی در شبکهٔ سه‌درسه. همهٔ رأس‌ها روی خطوط شبکه‌اند، و یک خانهٔ شبکه، یعنی یک‌سوم ارتفاع نشان، یکای فضای آزاد لوگوست (X).
- مربع 75 واحد، در شبکهٔ سه‌درسه با خانه‌های 25 واحدی.
- هر سه پرتو از رأس بالا-راست شروع می‌شوند و روی خطوط شبکه تمام می‌شوند.
- دو شیار میان پرتوها رنگ زمینه را می‌گیرند؛ نشان شفاف است، نه سفید.
- X، یکای فضای آزاد، یک‌سوم ارتفاع نشان است (25 واحد).
در لوگوی ترکیبی، نسبت‌ها از خود فایل لوگو اندازه گرفته شده‌اند و کامپوننت PartoLogo هم دقیقاً همین نسبت‌ها را به کار
می‌برد:
- h: ارتفاع لوگوتایپ (واژه‌نشان «پرتو»).
- ارتفاع نشان:
1.234h - فاصلهٔ نشان تا لوگوتایپ:
0.471h - لبهٔ بالای لوگوتایپ
0.086hپایین‌تر از لبهٔ بالای نشان است؛ دو جزء وسط‌چین نیستند.
فضای آزاد
در فاصلهٔ X از هر چهار طرف لوگو، هیچ متن، خط، تصویر یا لوگوی دیگری نمی‌آید. X یک‌سوم ارتفاع نشان است. در لوگوی ترکیبی این همان 0.41 برابر ارتفاع واژه‌نشان است، و لوگوتایپ تنها هم همین X را نگه می‌دارد: 0.41 برابر ارتفاع خودش. اگر جا کم است، اندازهٔ لوگو را کم کنید، نه فضای آزاد را.
کمترین اندازه
| نسخه | نمایشگر | چاپ |
|---|---|---|
| نشان تنها | 24 پیکسل | 8 میلی‌متر |
| لوگوی ترکیبی | ارتفاع 25 پیکسل (عرض 78 تا 79) | عرض 26 میلی‌متر |
| لوگوتایپ | ارتفاع 20 پیکسل | ارتفاع 6.5 میلی‌متر |
این سه یک مجموعهٔ سازگارند. در کد (PartoLogo): size ارتفاع واژه‌نشان است و نشان 1.234 برابر آن؛ پس لوگوی ترکیبی
و لوگوتایپ size دست‌کم 20 می‌گیرند (در لوگوی ترکیبی همان نشان 25 پیکسلی)، و نشان تنها size دست‌کم 24. کوچک‌تر از این اندازه‌ها، شیارهای نشان و جزئیات واژه‌نشان در کنار متن و اجزای دیگر صفحه دیده
نمی‌شوند.
تنها استثنا آیکون برنامه است. favicon و آیکون زبانه در 16 و 32 پیکسل می‌آیند، چون آنجا نشان تنها چیز قاب است: روی کاشی تیره با حاشیهٔ 18 درصدی می‌نشیند، کاشی آن را روی نوار روشن و تیرهٔ مرورگر جدا می‌کند، و فایل هر اندازه جداگانه در همان اندازه رندر شده است تا شیارها باز بمانند. نشان بی‌کاشی در این اندازه‌ها به کار نمی‌رود:
16px32px48px64px16px32px48px64pxرنگ و زمینه
لوگو رنگ خود را دارد و با زمینه عوض نمی‌شود. برای هر زمینه، نسخهٔ خودش:
- نسخه‌های یک‌رنگ (تیره
#171717و سفید) برای جایی‌اند که دو رنگ ممکن نیست: روی سبز برند، روی عکس، در چاپ تک‌رنگ و در حک و برش. - روی سبز برند فقط نسخهٔ تیره. نشان سبز روی سبز دیده نمی‌شود و سفید روی سبز کنتراست 1.99:1 دارد.
- لوگو را به رنگ دیگری درنیاورید و روی رنگی جز سفید، تیره و سبز برند نگذارید.
جای لوگو
لوگو در گوشهٔ بالا-ابتدا می‌نشیند: بالا-راست در صفحهٔ فارسی، بالا-چپ در صفحهٔ انگلیسی، با فاصلهٔ دست‌کم X از لبه‌ها. خود لوگو هیچ‌وقت آینه نمی‌شود: ترتیب نشان و واژه‌نشان در صفحهٔ انگلیسی هم همان است.
اشتباه‌های رایج
لوگو همان‌طور که هست به کار می‌رود. هیچ‌کدام از این‌ها مجاز نیست:
پرتولوگو در کد
در هر محصول React، لوگو را از کامپوننت PartoLogo در @partodata/ui بگیرید و فایل برندارید. کامپوننت همان نسبت‌های
فایل لوگو را دارد، ترتیب اجزایش در هر جهتی ثابت است و یک نام دسترسی‌پذیر («پرتو») دارد:
import { PartoLogo } from '@partodata/ui'
export function Brand() {
return <PartoLogo variant="combined" size={28} />
}PartoLogo لوگوی دورنگ است: نشان رنگ برند و واژه‌نشان رنگ متن پیش‌فرض تم را می‌گیرد، پس با تم عوض می‌شود ولی رنگ
والد را نمی‌گیرد و روی سطح سبز برند نمی‌نشیند. جزئیات در صفحهٔ PartoLogo آمده است. در
رابط محصول، ProductFrame فقط نشان را می‌گیرد (product.logo، با <PartoLogo variant="icon" size={24} />) و نام محصول
را خودش می‌نویسد؛ قاعدهٔ کامل در نام‌گذاری است.
فایل‌های لوگو برای جاهایی‌اند که React نیست: ایمیل، تصویر اشتراک‌گذاری، سند و چاپ. همه در بستهٔ لوگو هستند. برای کنار هم گذاشتن لوگوی پرتو و لوگوی شریک، هم‌برندی را ببینید.
آخرین به‌روزرسانی