دليل الهوية · الفصل 06
لوحة الألوان
تستلهم جذورنا. وتعبّر عن تفاؤلنا.
الأصفر — Sunlight
RGB 255 203 5CMYK 0 20 100 0Pantone 116 Cالأسود — Titanium
RGB 0 0 0CMYK 0 0 0 100Pantone Black Cبرتقالي المجموعة
RGB 255 140 0CMYK 0 54 95 0Pantone 144 Cأخضر المجموعة
RGB 0 143 75CMYK 85 17 88 3Pantone 7731 Cأزرق المجموعة
RGB 77 66 242CMYK 85 73 0 0Pantone 2117 Cالأصفر والأسود أولاً
يشكّل الأصفر «Sunlight» والأسود «Titanium» لوحة الألوان الأساسية. ويمنح الأبيض ودرجات الرمادي المحتوى مساحة وبنية واضحة.
أضف اللون لهدف
استخدم البرتقالي والأخضر والأزرق المعتمدة لدى المجموعة كألوان ثانوية. استخدم RGB وHEX للشاشات، وCMYK وPantone للطباعة.
توضيح بشأن اللون الوظيفي
يذكر الدليل للون الأخضر الإيجابي رمز HEX بقيمة #FFCB05، وقيم RGB تساوي 52، 150، 81. هذه القيم غير متطابقة؛ لذا يجب تأكيد الرمز المقصود مع إدارة الاتصال المؤسسي قبل استخدامه. رمز اللون الأحمر السلبي هو #D70000.
اطّلع على الدليل الأصلي 6 صفحات · مايو 2022
الصفحات الأصلية للفصل، بما تتضمنه من رسومات وأمثلة، متاحة أدناه بلغتها الأصلية. ترقيم الصفحات هنا بحسب ملف PDF، ويختلف عن الترقيم المطبوع بعد الفصل الأول. وتحتفظ أمثلة التطبيقات القديمة بنصوصها الأصلية.
اقرأ نص الصفحة الأصلي
H SA G RO U P B R A N D A N D ST Y L E G U I D E 2 7
6 Colour
palette
اقرأ نص الصفحة الأصلي
H SA G RO U P B R A N D A N D ST Y L E G U I D E 2 8
COLOUR PALETTE
Primary Sunlight Titanium
Our primary colour palette
is inspired by our Yemeni heritage.
The colour palette is broken down Optimism Resilient
into print and screen values. Clarity Elegant
CMYK values should be used when
producing printed materials in either Warmth Strong
litho or digital formats.
For best results when printing a large
area digitally, a rich black is preferred.
RGB values should be used for all screen
based materials including digital (web,
TV, email signature etc.) and internal
or external digital documents (Word,
PowerPoint etc.).
CMYK CMYK
0 20 100 0 0 0 0 100 Pantone Pantone
30 30 30 100 (Rich Black)
RGB 116 C Black C
255 203 5 RGB
0 0 0
HEX
#ffcb05 HEX
#000000
اقرأ نص الصفحة الأصلي
H SA G RO U P B R A N D A N D ST Y L E G U I D E 2 9
COLOUR PALETTE
Secondary HSA Orange HSA Green HSA Blue
Our secondary colour palette consists of
a complementary set of bright and bold
colours that convey the strength and
optimism of our brand.
CMYK CMYK CMYK Pantone Pantone Pantone
144 C 0 54 95 0 7731 C 85 17 88 3 2117 C 85 73 0 0
RGB RGB RGB
255 140 0 0 143 75 77 66 242
HEX HEX HEX
#ff8c00 #008f4b #4d42f2
اقرأ نص الصفحة الأصلي
H SA G RO U P B R A N D A N D ST Y L E G U I D E 3 0
COLOUR PALETTE
Supporting White Light Grey Cool Grey Mid Grey Dark Grey
When the layout calls for more
dynamism in the document,
white is used as the background
colour along with our supporting
grey tones.
CMYK CMYK CMYK CMYK
0 0 0 10 0 0 0 40 0 0 0 75 0 0 0 90
CMYK RGB RGB RGB RGB
0 0 0 0 240 240 240 168 168 168 105 105 105 51 51 51
RGB HEX HEX HEX HEX
255 255 255 #f0f0f0 #a8a8a8 #696969 #333333
HEX PANTONE PANTONE PANTONE PANTONE
#ffffff Cool grey 1 C Cool grey 6 C Cool grey 10 C Black 7 C
اقرأ نص الصفحة الأصلي
H SA G RO U P B R A N D A N D ST Y L E G U I D E 3 1
COLOUR PALETTE
Functional colours
These colours are used with the specific
purpose of attracting the attention of the
user or to warn the user about positive or
negative feedback. Input text
This small palette comprises of:
Error message - HSA negative, regular 12pt
HSA positive
A bright green used to
highlight positive items. Positive
HSA negative
A bright red used to highlight HSA positive green and HSA
negative items. negative red used in an online form to
denote good and bad input of data,
Please note supported by visual indicators.
Functional colours should never
be reproduced in Pantone, RAL HSA positive green HSA negative red
or NCS colour systems.
HEX HEX
# FFCB05 # D70000
RGB RGB
R 52 R 215
G 150 G 0
B 81 B 0
CMYK CMYK
C 90 C 0
M 0 M 95
Y 100 Y 100
K 25 K 5
اقرأ نص الصفحة الأصلي
H SA G RO U P B R A N D A N D ST Y L E G U I D E 3 2
COLOUR PALETTE
Combining
HIERARCHY AND USAGEbrand colours
The use of colour is key in creating a
unique visual appearance for our brand.
HSA’s distinctive appearance is also
due to the consistent application of our
primary colours of yellow and black.
Grey Grey Grey Grey
White Light Cool Mid Dark
HSA Yellow HSA Rich Black White
• Text • Backgrounds • Text
• Backgrounds • Buttons • Backgrounds
• Buttons • Icons • Buttons
• Icons • Rollovers • Rollovers
• Active states
• Rollovers Cool Grey
• Backgrounds
Light and Mid Grey
• Lines
• Texts
• Form field outlines
Dark Grey
• Text
• Rolloversتابع الاستكشافنظام الخطوط