راهنمای هویت بصری برند


شهرداری قم


راهنمای هویت بصری برند شهرداری قم


نشانه


نشانه

فضای امن اطراف نشانه

فضای امن برای در نظر گرفته شده است که نشانه بیش از اندازه به المان های اطراف خود و با حاشیه ی کادرها نزدیک نشود عدم رعایت این مسئله ، باعث تداخل بصری، شلوغی و کاسته شدن از جلوه و تمایز نشانه می شود.

حداقل اندازه نشانه در چاپ

برای اینکه مطمئن شویم نشانه در موارد چاپی، از خوانایی و جلوه کافی برخوردار است، ضروریست با توجه به ضخامت خطوطو فضاهای منفی داخلی نشانه، از اندازه هایذکر شده، کوچکترچاپ نشود.

تغییرات غیر مجاز نشانه

نشانه به هیچ وجه نباید به شکل های زیر استفاده شود ایجاد تغییر در چیدمان و ترکیب نشان و نوشتار، تغییر اندازه ها و یا چرخاندن آنها.

موارد مجاز استفاده از نشانه

شکل درست استفاده از نشانه برای حفظ خواناییو انسجام، اینجا نشان داده است.

ابعاد نشانه

دیجیتالی

120PX

250PX

320PX

چاپی

10MM

16MM

22MM

تناسب ها

راهنمای هویت بصری برند شهرداری قم


رنگ ها


رنگ های اصلی

رنگ اصلی برند، همان رنگ فعلی نشانه و هویت بصری شهرداری قم است رنگ زرد به عنوان رنگ مکمل این رنگ انتخاب شده است رنگ سیاه هم در کنار این دو رنگ ، اغلب نیاز های گرافیکی را برآورده میکنند.

HEX : #007D3C
CMYK : 100 0 100 30
RGB : 0 125 60
HEX : #F0C869
CMYK : 5 20 70 0
RGB : 240 200 105
HEX : #000000
CMYK : 0 0 0 100
RGB : 0 0 0

طیف های رنگ های اصلی

طیف های مختلف برآمده از سه رنگ اصلی برند، برای برطرف کردن نیاز های مختلف چاپی و استفاده های دیجیتالی

رنگ های فرعی

رنگ های فرعی شامل ترکیبی از رنگ های سرد تا رنگ های گرم متناسب با رنگ های اصلی (از نظر شدت،روشنایی و تیرگی) برای در بر گرفتن طیف گسترده ای از نیاز های گرافیکی برند

HEX : #3CA0C8
RGB 60 160 200
CMYK 50 70 0 0
HEX : #fAAA69
RGB 250 170 105
CMYK 0 40 65 0
HEX : #F05A5A
RGB 240 90 90
CMYK 0 80 60 0
HEX : #0069B4
RGB 0 105 180
CMYK 90 60 0 0
HEX : #73AF64
RGB 115 175 100
CMYK 60 10 80 0
HEX : #8C64AA
RGB 140 100 170
CMYK 50 70 0 0

راهنمای هویت بصری برند شهرداری قم


استاندارد ها


استاندارد دکمه

استاندارد دکمه

دکمه های پیش فرض

دکمه با حاشیه

دکمه با آیکون

آیکون

  • استفاده از آیکون با فرمت PNG , SVG
  • استفاده از سایز 24 تا 44 پیکسل در اندازه آیکون ها
  • استفاده از آیکون های استاندارد تعریف شده”
  • پیروی از یک رنگ در آیکون ها

تایپوگرافی

فونت IRANSans

(Light) نازک

آ ب ت ث ج چ ح خ د ذ ر ز ژ س ش ص ض ط ظ ع غ

ف ق ک گ ل م ن و ه ی 123456789


(Regular) معمولی

آ ب ت ث ج چ ح خ د ذ ر ز ژ س ش ص ض ط ظ ع غ

ف ق ک گ ل م ن و ه ی 123456789


(Mediu) نیمه ضخیم

آ ب ت ث ج چ ح خ د ذ ر ز ژ س ش ص ض ط ظ ع غ

ف ق ک گ ل م ن و ه ی 123456789


(Bold) ضخیم

آ ب ت ث ج چ ح خ د ذ ر ز ژ س ش ص ض ط ظ ع غ

ف ق ک گ ل م ن و ه ی 123456789

فونت Roboto

(Light)

A B C D E F G H I J K L M N O P

Q R S T U W Y Z 123456789


(Regular)

A B C D E F G H I J K L M N O P

Q R S T U W Y Z 123456789


(Medium)

A B C D E F G H I J K L M N O P

Q R S T U W Y Z 123456789


(Bold)

A B C D E F G H I J K L M N O P

Q R S T U W Y Z 123456789

جایگاه متن

جایگاه متن سمت راست

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد.

جایگاه متن مرکز

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد.

Left text position

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

ورودی ها

انواع ورودی اطلاعات

پیغام های ورودی

حاشیه - دکمه

border radius

20

border radius

10

border radius

8

دکمه رادیو

چک باکس

سوییچ

پیغام ها

گرید بندی استاندارد در صفحات وب

این تصویر سیستم گرید‌بندی پایه برای تمام ورژن‌ها میباشد.

گرید بندی استاندارد در صفحات موبایل

  • 4 ستون
  • Margin 16dp
  • 24dp gutter