BRAND
GUIDELINES
Employee Happiness Generates Client Success
Colors
Primary Colors
Gradients
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.
Color 1
#EA7826
Color 2
#397DC0
Gradient 1
#FFA300 #EA7826
Color 3
#FFA300
Color 4
#0D4781
Gradient 2
#397DC0 #0D4781
Color 5
#36495D
Gradient 3
#EA7826 #397DC0
Typography
The Nunito Sans type family is the official
SJ Innovation Guide font. While Nunito Sans Bold
and Regular are the primary fonts, the whole
typeface may be used if necessary.
Style
Manipulating the font in any way is prohibited.
Stretching, condensing, outlining and drop shadow
must never be used
Color
Headline type should be set in Nunito Sans Bold
Gradient 1. In some instances, it can also be set in Gradient 2
Nunito Sans Bold
Use for headlines, callouts and tagline.
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789!@#%&*(,.:”?)
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789!@#%&*(,.:”?)
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789!@#%&*(,.:”?)
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789!@#%&*(,.:”?)
Nunito Sans Regular
Used for body copy, quotes and other collateral.
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789!@#%&*(,.:”?)
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789!@#%&*(,.:”?)
Types
Style
Size
Colors
Types
Style
Size
Colors
Header 1
Nunito Sans Semibold
36pt
Gradient 1 & Gradient 2
Caption
Nunito Sans Italic
22pt
Color 5
Header 2
Nunito Sans Semibold
28pt
Color 4
LINKS
Nunito Sans Semibold
14pt
Color 2, & Color 4
Subtitle
Nunito Sans Semibold
20pt
Color 1 & Color 4
Body copy
Nunito Sans Regular
14pt
Color 2, Color 4 & Color 5
Lorem ipsum dolor sit amet
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam totam rem aperiam.
Lorem ipsum dolor sit amet
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam totam rem aperiam.
Nemo
Ut enim ad minima veniam
Nemo
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium
doloremque laudantium,
Buttons & Links
Type 1
Type 2
Type 3
Type 4
Normal state
Selected state
Hover state
On hover
On hover
On hover
On hover
Form Validation
Your Name*
Name is required
Phone Number
Please fill all the required fields
Your email*
Company Name
Presentation Templates
Default Template (Wide Screen)
Best suit for client presentation, webinar, seminar and internal presentation.
Shorts Template (Mobile Screen)
Best suit for client presentation, webinar, seminar and internal presentation.
Signature Templates
Coming soon...
Best suit for Gmail Signature (Tutorial Included)
Copyright © 2024 SJ Innovation, All Rights reserved