logo

Website Guidelines

إرشادات الموقع الإلكتروني

  • Website Guidelines
  • إرشادات الموقع الإلكتروني
  • Logo
  • الشعـار الرئيسـي
  • Website Guidelines
  • إرشادات الموقع الإلكتروني
  • Logo Construction
  • بنـاء الشعـار
frame

يتشكل شعار الجامعة من الأيقونة عدة دلالات ، و اسم ( جامعة الجوف ) باللغتنين .

The logo of the university consists of several connotations, and the name (Al-Jouf University) in two languages.

downloadDownload logo SVG
  • Website Guidelines
  • إرشادات الموقع الإلكتروني
  • Colors
  • الألوان

TERRACOTA

  • HEX
  • #935727
  • RGB
  • 147, 87, 39
  • CMYK
  • 0 41 73 42

CREAM

  • HEX
  • #CFC4B1
  • RGB
  • 207, 196, 177
  • CMYK
  • 0 5 14 19

BOTANICAL GARDEN

  • HEX
  • #12403C
  • RGB
  • 18, 64, 60
  • CMYK
  • 72 0 6 75

OLIVE GREEN

  • HEX
  • #676127
  • RGB
  • 103, 97, 39
  • CMYK
  • 0 6 62 60

OLD GOLD

  • HEX
  • #D7B941
  • RGB
  • 215, 185, 65
  • CMYK
  • 0 14 70 16

ROYALE PURPLE

  • HEX
  • #6A3B8B
  • RGB
  • 106, 59, 139
  • CMYK
  • 24 58 0 45

MIDNIGHT

  • HEX
  • #141414
  • RGB
  • 20, 20, 20
  • CMYK
  • 0 0 0 92

WHITE

  • HEX
  • #FFFFFF
  • RGB
  • 255, 255, 255
  • CMYK
  • 0 0 0 0
  • Website Guidelines
  • إرشادات الموقع الإلكتروني
  • Colors inspiration
  • مصادر الألوان
  • HEX
  • #935727
  • RGB
  • 147, 87, 39
  • CMYK
  • 0 41 73 42
  • HEX
  • #CFC4B1
  • RGB
  • 207, 196, 177
  • CMYK
  • 0 5 14 19
  • HEX
  • #12403C
  • RGB
  • 18, 64, 60
  • CMYK
  • 72 0 6 75
  • HEX
  • #676127
  • RGB
  • 103, 97, 39
  • CMYK
  • 0 6 62 60
  • HEX
  • #D7B941
  • RGB
  • 215, 185, 65
  • CMYK
  • 0 14 70 16
  • HEX
  • #6A3B8B
  • RGB
  • 106, 59, 139
  • CMYK
  • 24 58 0 45
  • Website Guidelines
  • إرشادات الموقع الإلكتروني
  • Typography
  • الخطــــوط

عادي

  • أ ب ت ث ج ح خ د ذ ر ز س ش ص ض
  • ط ظ ع غ ف ق ك ل م ن هـ و ي
  • ٠١٢٣٤٥٦٧٨٩
  • ?!@#$%^&*()+

متوسط

  • أ ب ت ث ج ح خ د ذ ر ز س ش ص ض
  • ط ظ ع غ ف ق ك ل م ن هـ و ي
  • ٠١٢٣٤٥٦٧٨٩
  • ?!@#$%^&*()+

سميك

  • أ ب ت ث ج ح خ د ذ ر ز س ش ص ض
  • ط ظ ع غ ف ق ك ل م ن هـ و ي
  • ٠١٢٣٤٥٦٧٨٩
  • ?!@#$%^&*()+
  • Website Guidelines
  • إرشادات الموقع الإلكتروني
  • Typography
  • الخطــــوط

عادي

  • أ ب ت ث ج ح خ د ذ ر ز س ش ص ض
  • ط ظ ع غ ف ق ك ل م ن هـ و ي
  • ٠١٢٣٤٥٦٧٨٩
  • ?!@#$%^&*()+

متوسط

  • أ ب ت ث ج ح خ د ذ ر ز س ش ص ض
  • ط ظ ع غ ف ق ك ل م ن هـ و ي
  • ٠١٢٣٤٥٦٧٨٩
  • ?!@#$%^&*()+

سميك

  • أ ب ت ث ج ح خ د ذ ر ز س ش ص ض
  • ط ظ ع غ ف ق ك ل م ن هـ و ي
  • ٠١٢٣٤٥٦٧٨٩
  • ?!@#$%^&*()+
  • Website Guidelines
  • إرشادات الموقع الإلكتروني
  • Typography
  • الخطــــوط

Bold

  • ABCDEFGHIJKLMNOPQRSTUVWXYZ
  • abcdefghijklmnopqrstuvwxyz
  • 0987654321 !@#$%^&*()+-

Medium

  • ABCDEFGHIJKLMNOPQRSTUVWXYZ
  • abcdefghijklmnopqrstuvwxyz
  • 0987654321 !@#$%^&*()+-

Regular

  • ABCDEFGHIJKLMNOPQRSTUVWXYZ
  • abcdefghijklmnopqrstuvwxyz
  • 0987654321 !@#$%^&*()+-
  • Website Guidelines
  • إرشادات الموقع الإلكتروني
  • Typography
  • الخطــــوط

Bold

  • ABCDEFGHIJKLMNOPQRSTUVWXYZ
  • abcdefghijklmnopqrstuvwxyz
  • 0987654321 !@#$%^&*()+-

Medium

  • ABCDEFGHIJKLMNOPQRSTUVWXYZ
  • abcdefghijklmnopqrstuvwxyz
  • 0987654321 !@#$%^&*()+-

Regular

  • ABCDEFGHIJKLMNOPQRSTUVWXYZ
  • abcdefghijklmnopqrstuvwxyz
  • 0987654321 !@#$%^&*()+-
  • Website Guidelines
  • إرشادات الموقع الإلكتروني
  • Photography
  • التــصوير
banner1 banner2 banner3
University Images صور الجامعة
  • Website Guidelines
  • إرشادات الموقع الإلكتروني
  • Photography
  • التــصوير
banner4 banner5 banner6
Landscape Images صور مناظر طبيعية
  • Website Guidelines
  • إرشادات الموقع الإلكتروني
  • Photography
  • التــصوير
banner7 banner8 banner9
Portrait Images صور بورتريه
  • Website Guidelines
  • إرشادات الموقع الإلكتروني
  • Iconography
  • الايقونات
icon1 icon2 icon3 icon4 icon5 icon6 icon7 icon8 icon9

تتضمن العلامة التجارية مجموعة من الأيقونات. يمكن استخدام هذه الأيقونات بمفردها أو مع نص.

يجب تغيير حجم جميع الأيقونات بشكل متناسب.

The brand includes a set of icons. These icons can be used by themselves or with text.

All icons must be resized proportionally.

  • Website Guidelines
  • إرشادات الموقع الإلكتروني
  • Iconography
  • الأيقونات الملونة
icon_color1 icon_color2 icon_color3 icon_color4

يوفــر أســلوب رســم الأيقونــات مرونــة في تلوينها حسب الحاجة، واستخدام جميع ألوان الهوية.

الأبيــض هــو اللــون المفضــل للخلفيــة، ويســمح بالدرجــات الفاتحــة مــن ألــوان الهويــة

The icon drawing method provides flexibility in coloring them as needed, and the use of all identity colors.

White is the preferred colour of background and allows for light degrees of identity.

  • Website Guidelines
  • إرشادات الموقع الإلكتروني
  • Main site banner
  • لافتة الموقع الرئيسية
1920 px
624 px

Filter Colors:

  • HEX #12403c
  • Opacity 30%
  • HEX #676127
  • Opacity 30%
  • HEX #6a3b8b
  • Opacity 30%

البانر الرئيسي للموقع بأبعاد 1920 × 624 بكسل. يتم تطبيق فلتر لوني من لوحة ألوان الهوية البصرية لضمان وضوح النص فوق الصورة. الصور المُستخدمة تكون في الغالب بدرجات اللون الأخضر وألوان تتماشى مع لوحة ألوان الدليل البصري.

The main banner of the website has dimensions of 1920 x 624 pixels. A color filter from the brand's color palette is applied to ensure the text remains readable over the image. The images used are primarily in shades of green and tones that align with the color palette of the brand guidelines.

  • Website Guidelines
  • إرشادات الموقع الإلكتروني
  • Main site banner
  • لافتة الموقع الداخلية
1920 px
400 px

Filter Colors:

  • HEX #6a3b8b
  • Opacity 30%
  • HEX #12403c
  • Opacity 30%

بالنسبة لبانرات الصفحات الداخلية، يتم استخدام فلتر لوني باللون البنفسجي أو الأخضر مع شفافية بنسبة 30%. أبعاد هذه البانرات هي 1920 × 400 بكسل.

For internal page banners, a purple or green color filter with 30% opacity is applied. The dimensions of these banners are 1920 x 400 pixels.