Smart Values Brand Guidelines
Smart Values Brand Guidelines
About
Smart-Values. is a prominent software house specializing in Software Development
and Information Technology Services.
Smart-Values. We are a cutting-edge software company specializing in delivering
custom software development and offshoring services to businesses of all sizes.
With our name we reflect how your data with us will be smarter.
VISION
Positioning ourselves as a reputable partner in the technology industry, recognized
for delivering innovative and dependable solutions that foster growth and success.
MISSION
To lead in technology innovation, redefine industry standards, and consistently
deliver advanced solutions for businesses and individuals. We imagine a future
where our tech not only meets client needs but also contributes to global progress,
creating a world with limitless possibilities and seamless connectivity. Our
commitment is to lead, inspire, and transform through technology, bringing positive
change and making a lasting impact on the innovation landscape."
2
Your Data Is Smarter
3
LOGO
4
Orientation
Vertical Horizontal
5
Logo Guide
6
Logo Colors
7
logo & Icon position
8
Bad Logo Usage
9
Color palette
10
Primary Colors Secondary Colors
HEX #fffbfe HEX #273539 HEX #219b86 HEX #8c98a0 HEX #f24c3d
RGB (255, 251, 254) RGB (39, 53, 57) RGB (33, 33, 33) RGB (140, 152, 160) RGB (242, 76, 61)
CMYK 0% 2% 0% 0% CMYK 32% 7% 0% 78% CMYK 79% 0% 14% 39% CMYK 12% 5% 0% 37% CMYK 0% 69% 75% 5%
50%
Background
5% 5%
Text Titles Error
11
#273539 #525c61 #7d8488 #a9acaf #d4d4d6
12
TextColor
Titles Error
HEX #219b86 HEX #f24c3d
13
Typography
Almarai Font
Almarai is a modern Arabic typeface family in 4 weights.
The font was created by Boutros™ for optimal readability
and suitability for both online and offline applications.
14
Type Face
Aa
Ultra-Bold
AaNormal
Aa Light
15
Type Scale
Aa
Heading
Name
Heading 1
Heading 2
Heading 3
Heading 4
Font Size
16
Name Font Size
Aa
Large Text Bold
Large Text Regular
17
Icons & Button
18
19
Button
Button properties
•Spaces container merging top & bottom 12px
•Spaces container merging right & left 24px
•Spaces container padding between elements 12px
•Minimum height 46px for small and 54 for large size.
•font size 18px Bold
•Icon size 22px square
•Color change by situation or type
•Border-radius and smooth corner 8px
20
pattern
21
Thank You