کتاب برند

هویت AIR در یک صفحه

مرجع رسمی نام، لوگو، رنگ و لحن AIR. اگر برای ما طراحی می‌کنید، درباره‌ی ما می‌نویسید یا کنار ما دیده می‌شوید، همین قواعد را به کار ببرید.

۰۱

جوهر برند

AIR کیست، چه می‌گوید و چطور حرف می‌زند.

ما کیستیم

آرا ایده رامین مجموعه‌ای فناوری‌محور است که ایده را به محصول تبدیل می‌کند. تمرکز ما هوش مصنوعی است: از تأمین زیرساخت و راه‌اندازی مدل‌ها تا ساخت محصولاتی که مردم و کسب‌وکارها هر روز با آن‌ها کار می‌کنند.

جایگاه

زیرساخت، مدل و محصول هوش مصنوعی را یک‌جا فراهم می‌کنیم؛ برای کسب‌وکارهایی که می‌خواهند هوش مصنوعی را روی زیرساخت خودشان داشته باشند، به آن اعتماد کنند و هر روز با آن کار کنند.

مأموریت

هوش مصنوعی را برای کسب‌وکارهای ایرانی ساده، امن و در دسترس کنیم؛ از سرور و مدل تا محصولی که هر روز جواب می‌دهد.

نام AIR

نام AIR از حروف اول آرا ایده رامین گرفته شده و معنای خودش را هم دارد: هوا؛ دیده نمی‌شود، همه‌جا هست و بی آن چیزی زنده نمی‌ماند. ما هوایی را می‌سازیم که هوش مصنوعیِ کسب‌وکار شما با آن نفس می‌کشد: زیرساخت، مدل‌ها و ابزارهایی که روی آن‌ها کار می‌کند.

شعار

هوش مصنوعیِ کسب‌وکار شمااینجا نفس می‌کشد

«اینجا» یعنی AIR. شعار همیشه در دو خط و به همین ترتیب می‌آید و خط دوم استعاره را حمل می‌کند. نسخه‌های انگلیسی و عربی تأییدشده‌اند؛ ترجمه‌ی کلمه‌به‌کلمه نسازید.

ویژگی‌های برند

  • ۱روشنساده می‌گوییم و ساده نشان می‌دهیم؛ هر چیز اضافه حذف می‌شود.
  • ۲قابل اعتمادفقط چیزی را می‌گوییم که می‌توانیم نشان بدهیم.
  • ۳سبکفناوری سنگین، تجربه‌ی سبک؛ مثل هوا.
  • ۴هوشمنددقیق و سنجیده، بدون ادا و اغراق.
  • ۵مهندسی‌شدههر جزء دلیل و اندازه‌ی مشخص دارد.

لحن

مثل یک مهندس باتجربه حرف می‌زنیم: ساده، مطمئن و بی‌اغراق.

  • سادهجمله‌ی کوتاه و واژه‌ی آشنا. اصطلاح فنی فقط وقتی لازم است، و همراه توضیح.
  • مطمئنفعل روشن و بی‌تعارف؛ نه التماس، نه شعار.
  • بی‌هیاهوبدون «انقلابی»، «بی‌نظیر» و «اولین و تنها».
  • قابل اثباتعدد، ادعا و مقایسه فقط با منبع و سند.
  • این‌طور

    مدل زبانی را روی سرور خودتان راه می‌اندازیم.

    نه این‌طور

    انقلابی‌ترین هوش مصنوعی ایران را تجربه کنید!

  • این‌طور

    داده‌ی شما روی زیرساخت خودتان می‌ماند.

    نه این‌طور

    امنیت صددرصد تضمین‌شده.

  • این‌طور

    اول نیازتان را می‌شنویم، بعد راهکار پیشنهاد می‌دهیم.

    نه این‌طور

    برای هر کسب‌وکاری بهترین راهکار را داریم.

  • این‌طور

    گیسو هوش مصنوعی فارسی برای گفت‌وگو، تصویر و ویدیو است.

    نه این‌طور

    گیسو جای همه‌ی کارمندان شما را می‌گیرد.

۰۳

حرکت لوگو — نفس

لوگوی AIR نفس می‌کشد: با دم، لایه‌ها کمی باز می‌شوند و نوار کهربایی بالا می‌رود؛ با بازدم، همه‌چیز به لوگوی اصلی برمی‌گردد.

AIR
روی زمینه‌ی روشن
AIR
روی زمینه‌ی شب #0F1B28
AIR AIR
لودر · ۶۴ پیکسل

مشخصات

چرخه
۶٫۴ ثانیه: دم از ۰ تا ۴۰٪، مکث تا ۴۸٪، بازدم تا ۸۸٪، سپس استراحت. ابتدا و انتهای چرخه همان لوگوی ثابت است.
حرکت
نوار کهربایی به اندازه‌ی ۲۰٪ ارتفاع خودش بالا می‌رود، پایه‌ها هر کدام ۶٪ به بیرون می‌روند و نوار میانی ۱٫۰۴ برابر پهن می‌شود. نوشته‌ی air ثابت می‌ماند.
هاله
هاله‌ی فیروزه‌ای پشت نماد فقط جلوه‌ی زمینه است؛ بیشترین پررنگی ۰٫۲۸ روی زمینه‌ی روشن و ۰٫۴۰ روی شب.
لودر
نسخه‌ی سریع ۲٫۴ ثانیه‌ای فقط با نماد، برای اندازه‌ی ۴۸ تا ۹۶ پیکسل.
کاهش حرکت
اگر کاربر «کاهش حرکت» را در دستگاهش روشن کرده باشد، لوگوی ثابت نمایش داده می‌شود.
آیکن مرورگر
هرگز به‌جای آیکن زبانه‌ی مرورگر (فاوآیکن) به کار نرود؛ برای آن فایل‌های ثابت را بردارید.
ویدیو
جایی که SVG متحرک پخش نمی‌شود، مثل تلگرام، ویدیوی MP4 با دو نفس کامل را به کار ببرید.

امضای فوتر

سایت‌هایی که AIR می‌سازد این امضا را در پاورقی دارند: «قدرت گرفته با» و لوگوی نفس‌کش AIR که به air.co.ir پیوند دارد.

قدرت گرفته باروی زمینه‌ی روشن
قدرت گرفته باروی زمینه‌ی شب

کمترین ارتفاع لوگو ۲۴ پیکسل؛ روی پاورقی تیره نسخه‌ی تیره را بگذارید.

کد HTML · زمینه‌ی روشن
<a class="air-credit" href="https://air.co.ir/" target="_blank" rel="noopener" aria-label="قدرت گرفته با AIR">
  <span>قدرت گرفته با</span>
  <img src="https://air.co.ir/assets/brand-kit/motion/air-credit.svg" alt="AIR" height="24">
</a>
<style>
.air-credit{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:inherit;text-decoration:none;opacity:.9}
.air-credit img{height:24px;width:auto;display:block}
.air-credit:hover{opacity:1}
</style>
کد HTML · زمینه‌ی تیره
<a class="air-credit" href="https://air.co.ir/" target="_blank" rel="noopener" aria-label="قدرت گرفته با AIR">
  <span>قدرت گرفته با</span>
  <img src="https://air.co.ir/assets/brand-kit/motion/air-credit-dark.svg" alt="AIR" height="24">
</a>
<style>
.air-credit{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:inherit;text-decoration:none;opacity:.9}
.air-credit img{height:24px;width:auto;display:block}
.air-credit:hover{opacity:1}
</style>

۰۴

رنگ

پایه‌ی رنگی AIR روشن و خنثی است. فیروزه‌ای امضای ماست، بنفش رنگ دوم است و کهربایی فقط چاشنی.

جوهری

متن اصلی

تیتر و متن روی زمینه‌ی روشن؛ نوشته‌ی air در لوگو.

شب

زمینه‌ی تیره

پاورقی، بخش‌های تیره و کاشی آیکن.

فیروزه‌ای

رنگ برند

نماد لوگو و عنصرهای گرافیکی. برای متن کوچک روی سفید، فیروزه‌ای تیره.

فیروزه‌ای روشن

برند روی تیره

نماد، لینک و برچسب روی زمینه‌ی شب.

فیروزه‌ای تیره

برند در متن و دکمه

دکمه‌ی اصلی، لینک، پیش‌عنوان و لوگوی تک‌رنگ در اندازه‌ی کوچک.

فیروزه‌ای ملایم

زمینه‌ی برند

کارت برجسته، برچسب و حالت انتخاب‌شده.

کهربایی

تأکید گرم

نوار بالای نماد، خط پیش‌عنوان و نشانه‌های کوچک. هرگز رنگ متن روی زمینه‌ی روشن.

کهربایی روی تیره

تأکید گرم روی تیره

همان نقش کهربایی، روی زمینه‌ی شب.

بنفش

رنگ دوم

فقط در گرادیان و تصویرسازی سایت؛ هرگز در لوگو.

خاکستری متن

متن فرعی

توضیح، زیرنویس و متن کم‌اهمیت روی زمینه‌ی روشن.

خط

خط و مرز

جداکننده و حاشیه‌ی کارت.

زمینه‌ی روشن

زمینه‌ی ثانویه

بخش‌های یک‌درمیان صفحه و پس‌زمینه‌ی بلوک‌ها.

سهم رنگ‌ها در یک صفحه

  • ۶۰٪ سفید، زمینه‌ی روشن و خط
  • ۲۵٪ جوهری، شب و خاکستری متن
  • ۱۲٪ خانواده‌ی فیروزه‌ای
  • ۲٪ بنفش
  • ۱٪ کهربایی

تضاد و دسترس‌پذیری

معیار ما WCAG 2.1 در سطح AA است: نسبت ۴٫۵ به ۱ برای متن معمولی و ۳ به ۱ برای متن درشت و عنصرهای گرافیکی.

  • ۱۴٫۹۶:۱AAA · همه‌ی متن‌ها#1B2836 / #FFFFFF
  • ۱۳٫۹۲:۱AAA · همه‌ی متن‌ها#1B2836 / #F4F7FA
  • ۱۷٫۳۹:۱AAA · همه‌ی متن‌ها#FFFFFF / #0F1B28
  • ۸٫۵۲:۱AAA · همه‌ی متن‌ها#0F1B28 / #F5A524
  • ۶٫۹۷:۱AA · متن معمولی#13B5C2 / #0F1B28
  • ۴٫۸۷:۱AA · متن معمولی#607389 / #FFFFFF
  • ۴٫۸۶:۱AA · متن معمولی#6C5CE7 / #FFFFFF
  • ۴٫۷۵:۱AA · متن معمولی#0B7F8A / #FFFFFF
  • ۴٫۷۵:۱AA · متن معمولی#FFFFFF / #0B7F8A
  • ۴٫۲۸:۱فقط متن درشت و گرافیک#0B7F8A / #E6F6F7
  • ۳٫۵۷:۱فقط متن درشت و گرافیک#607389 / #0F1B28
  • ۳٫۰۵:۱فقط متن درشت و گرافیک#0FA3B1 / #FFFFFF
  • ۲٫۰۴:۱فقط تزئینی، نه متن#F5A524 / #FFFFFF
  • متن معمولی روی سفید: جوهری، خاکستری متن یا فیروزه‌ای تیره.
  • دکمه‌ی اصلی: متن سفید روی فیروزه‌ای تیره، نه روی فیروزه‌ای اصلی.
  • فیروزه‌ای اصلی روی سفید فقط برای متن درشت (۲۴ پیکسل، یا ۱۹ پیکسل پررنگ) و گرافیک.
  • کهربایی روی زمینه‌ی روشن هرگز رنگ متن نیست.

۰۵

تایپوگرافی

دو خانواده‌ی فونت، هر دو با مجوز آزاد SIL Open Font License 1.1.

آب

ا ب پ ت ث ج چ ح خ د ذ ر ز ژ س ش ص ض ط ظ ع غ ف ق ک گ ل م ن و ه ی

۰۱۲۳۴۵۶۷۸۹ 0123456789

  • 400هوش مصنوعیِ کسب‌وکار شما
  • 500هوش مصنوعیِ کسب‌وکار شما
  • 700هوش مصنوعیِ کسب‌وکار شما
  • 800هوش مصنوعیِ کسب‌وکار شما

Vazirmatn

فارسی و عربی: تیتر، متن و رابط کاربری. متن لاتینِ داخل صفحه‌های فارسی هم با همین فونت.

وزن‌ها
۴۰۰ متن · ۵۰۰ رابط و برچسب · ۷۰۰ تیتر · ۸۰۰ تیتر اصلی
مجوز
OFL 1.1
Aa

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789

  • 500Ara Ideh Ramin
  • 600Ara Ideh Ramin

Outfit

لاتین: پایه‌ی نوشته‌ی air در لوگو و تیترهای صفحه‌ی انگلیسی. نوشته‌ی لوگو اصلاح‌شده است؛ همیشه فایل SVG را به کار ببرید.

وزن‌ها
۵۰۰ · ۶۰۰ تیتر
مجوز
OFL 1.1

مقیاس متن

اندازه (px)ارتفاع سطروزن
تیتر ۱ ۶۰۱٫۲۵۸۰۰
تیتر ۲ ۴۰۱٫۳۵۷۰۰
تیتر ۳ ۱۹۱٫۶۷۰۰
متن ۱۶–۱۷۱٫۹۴۰۰
متن کوچک ۱۳۱٫۷۵۰۰

عدد و رقم

  • در متن فارسی رقم فارسی (۰ تا ۹)؛ در متن انگلیسی و عربی رقم لاتین (0 تا 9).
  • کد رنگ، نشانی وب، شماره‌ی نسخه و کد همیشه با رقم لاتین.
  • جداکننده‌ی هزارگان در فارسی «٬» و ممیز «٫»؛ مثل ۳۰٬۰۰۰ و ۴٫۵.
  • عدد و واحدش با فاصله‌ی نشکن در یک سطر بمانند؛ عدد هرگز بین دو سطر شکسته نشود.

۰۶

عنصرهای گرافیکی

عنصرهای کم و سبک، همه از ایده‌ی هوا.

نوارهای جریان هوا

خطوط نرم و آرام در پس‌زمینه‌ی بخش آغازین سایت، از فیروزه‌ای تا بنفش. فقط در بخش‌های بزرگ؛ هرگز پشت متن طولانی و هرگز با لوگو در دلش. اگر کاربر حرکت کم را خواسته، یک تصویر ثابت نمایش داده شود.

خط نازک

خط یک‌پیکسلی به رنگ «خط» برای جدا کردن بخش‌ها؛ روی زمینه‌ی شب، سفید با شفافیت ۱۰٪.

پیش‌عنوان

برچسب کوتاه بالای تیتر، فیروزه‌ای تیره و پررنگ، با یک خط کهربایی ۲۲ در ۲ پیکسل و ۱۰ پیکسل فاصله پیش از آن.

کارت

زمینه‌ی سفید، حاشیه‌ی یک‌پیکسلی «خط»، گوشه‌ی ۱۴ پیکسل و فاصله‌ی داخلی ۲۸ پیکسل؛ بدون سایه‌ی سنگین.

آیکن‌ها

خطی روی شبکه‌ی ۲۴، ضخامت خط ۱٫۷، سر و گوشه‌ی گرد، به رنگ فیروزه‌ای تیره؛ بدون پرشدگی و بدون رنگ دوم.

۰۷

خانواده‌ی محصولات

AIR برند مادر است. هر محصول نام، لوگو و رنگ خودش را دارد و AIR پشتوانه‌ی آن است.

مدل پشتیبان

محصولات مستقل دیده می‌شوند و با یک امضای کوتاه به AIR وصل می‌شوند. لوگوی AIR هیچ‌وقت با لوگوی یک محصول ترکیب نمی‌شود.

AIR
  • گیسوهوش مصنوعی
  • نِت اَرزخدمات دیجیتال
  • نوبت‌گیرنرم‌افزار آنلاین
  • میونوموسیقی
  • DevNAرسانه
برند خواهر
آرامین تکنولوژی

امضای پشتیبان

نمونه محصولی از AIR
  • «محصولی از AIR» برای محصولات.
  • جای امضا: پاورقی سایت محصول، صفحه‌ی درباره، صفحه‌ی شروع اپلیکیشن و معرفی در فروشگاه اپ.
  • امضا به رنگ خاکستری متن یا جوهری؛ لوگوی AIR در آن تک‌رنگ و حداکثر نصف ارتفاع لوگوی محصول.
  • فاصله‌ی امضا تا لوگوی محصول دست‌کم ۲B؛ امضا همیشه زیر یا بعد از لوگوی محصول می‌آید.

کنار هم

  • همه‌ی لوگوها هم‌ارتفاع دیداری، روی یک خط پایه و با فاصله‌ی برابر، دست‌کم به اندازه‌ی ارتفاع لوگو.
  • AIR اول می‌آید و با یک خط نازک از محصولات جدا می‌شود.
  • روی زمینه‌ی شلوغ همه‌ی لوگوها تک‌رنگ می‌شوند.
  • رنگ AIR به محصولات تحمیل نمی‌شود و رنگ محصولات وارد لوگوی AIR نمی‌شود.

۰۸

دانلودها

فایل‌های رسمی را همیشه از همین‌جا بردارید، نه از اسکرین‌شات.

دانلود کامل کیت لوگوair-logo-kit.zip · ۸۶۵ کیلوبایت

برای معرفی AIR از این فایل‌ها استفاده کنید و آن‌ها را تغییر ندهید.

۰۹

استفاده از برند

برای استفاده از نام یا لوگوی AIR در همکاری، رسانه یا رویداد، یا اگر پاسخ سؤالتان در این راهنما نیست، به ما بنویسید.

ارسال ایمیل info@air.co.ir