NAKS Digital Consulting Brand Guidelines
Logos
Grid Construction:
Stick to these guidelines to maintain its optimal appearance at all times
Safe Area:
Maintain a clear space of 2X on all sides to preserve the logo’s visual integrity.
Application
Vertical:
The vertical version serves as our primary logo
and is the most commonly used representation of our brand.
Horizontal:
The horizontal version is our secondary logo, used as an alternate when the primary horizontal logo isn’t suitable for the available space.
Color Version
Dark Mode:
Application
Placing Our Logo:
Our logo can be placed in the upper corners. It can be aligned to the left, to the right and also to the center.
Partners Lockup
Horizontal Lockup:
Remember to follow these guidelines to ensure that when we display a partner’s logo vertically, we set it below our logo. And we use 2X as height to create a good amount of space between the two.
Vertical Lockup:
Remember to follow these guidelines to ensure that when we display a partner’s logo vertically, we set it below our logo. And we use 2X as height to create a good amount of space between the two.
Things To Avoid
Do not blur the logo
Do not rotate the logo
Do not distort the logo
Do not apply affects
Do not apply outlines
Brand Colors
Functional Colors- Light Mode
Yellow
Hex Code: #F7D70B
RGB: #247/ 215/ 11
HSL: #52/ 94/ 51
HSB: #52/ 96/ 97
Charcoal Black
Hex Code: #201C20
RGB: # 32/ 28/ 32
HSL: #300/ 7/ 12
HSB: # 300/ 13/ 13
Main White
Hex Code: #FFFFFF
RGB: #255/ 255/ 255
HSL: #0/ 0/ 100
HSB: #0/ 0/ 100
Functional Colors—Dark Mode
Yellow
Hex Code: #F4D70D
RGB: #247/ 215/ 11
HSL: #52/91/50
HSB: #52/ 95/ 96
Crystal White
Hex Code: #FDFEFF
RGB: #253/ 254/ 255
HSL: #210/ 100/ 100
HSB: #210/ 1/ 100
Shadow Black
Hex Code : #201B21
RGB: #32/ 27/ 33
HSL: #290/ 10/ 12
HSB: #290/ 18/ 13
Background Colors
Light Mode
Main White
Hex Code: #FFFFFF
RGB: #255/ 255/ 255
HSL: #0/ 0/ 100
HSB: #0/ 0/ 100
Dark Mode
Shadow Black
Hex Code : #201B21
RGB: #32/ 27/ 33
HSL: #290/ 10/ 12
HSB: #290/ 18/ 13
Combinations
Allowed Combinations:
The following color combinations ensures that
all components are accessible and legible.
Lorem ipsum dolor sit amet consectetur. Facilisis ipsum adipiscing fusce blandit. Tellus nunc fermentum eget integer.
Lorem ipsum dolor sit amet consectetur. Facilisis ipsum adipiscing fusce blandit. Tellus nunc fermentum eget integer.
Lorem ipsum dolor sit amet consectetur. Facilisis ipsum adipiscing fusce blandit. Tellus nunc fermentum eget integer.
Lorem ipsum dolor sit amet consectetur. Facilisis ipsum adipiscing fusce blandit. Tellus nunc fermentum eget integer.
Not Allowed Combinations:
The following color combinations ensure that all components are not accessible and legible.
Lorem ipsum dolor sit amet consectetur. Facilisis ipsum adipiscing fusce blandit. Tellus nunc fermentum eget integer.
Lorem ipsum dolor sit amet consectetur. Facilisis ipsum adipiscing fusce blandit. Tellus nunc fermentum eget integer.
Lorem ipsum dolor sit amet consectetur. Facilisis ipsum adipiscing fusce blandit. Tellus nunc fermentum eget integer.
Typography
Font Name: Plus Jakarta Sans
a b c d e f g h i j k l m n o p q r s t u v w x y z
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
0 1 2 3 4 5 6 7 8 9 . , : ; + – = @ # % $ / * “ ! ?
Aa
Plus Jakarta Sans Regular
a b c d e f g h i j k l m n o p q r s t u v w x y z
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
0 1 2 3 4 5 6 7 8 9 . , : ; + – = @ # % $ / * “ ! ?
Aa
Plus Jakarta Semibold
a b c d e f g h i j k l m n o p q r s t u v w x y z
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
0 1 2 3 4 5 6 7 8 9 . , : ; + – = @ # % $ / * “ ! ?
Aa
Letter Spacing
Regular
From 12px to 14px: 0
From 14px to 16px: -1
From 16px: -1
Semi Bold
From 12px to 14px: 0
From 14px to 16px: -1
From 16px: -1
Bold
From 12px to 14px: 0
From 14px to 16px: -2
From 16px: -2
Alignment
Dream. Design. Deliver. Today.
Bold Moves Ahead Always.
Future Starts Right Here.
Center Aligned
Dream. Design. Deliver. Today.
Bold Moves Ahead Always.
Future Starts Right Here.
Right Aligned
Dream. Design. Deliver. Today.
Bold Moves Ahead Always.
Future Starts Right Here.
Things To Avoid
Dream. Design. Deliver. Today.
Bold Moves Ahead Always.
Future Starts Right Here.
- Do not use Extra light
Dream. Design. Deliver. Today.
Bold Moves Ahead Always.
Future Starts Right Here.
- Do not use Extra Bold
Dream. Design. Deliver. Today.
Bold Moves Ahead Always.
Future Starts Right Here.
- Do not use Extra Light Italic
Lorem ipsum dolor sit ametconsectetur. Ut elementum mauris molestie tortor fermentum a nunc.
- Do not use Justify Text
Dream. Design. Deliver. Today.
Bold Moves Ahead Always.
Future Starts Right Here.
- Do not use all Upper Case
Dream. Design. Deliver. Today.
Bold Moves Ahead Always.
Future Starts Right Here.
- Do not use all Lpper Case
Social Media
Instagram
Facebook
X
Posts
Square:
The recommended size for square posts is 1080px by 1080px. This size ensures that your images are of high quality and look great on any device.
Portrait:
The recommended size for portrait posts is 1080px by 1350px. This size ensures your images remain high quality and display beautifully across all devices.
Stories:
The recommended size for portrait posts is 1080px by 1350px. This size ensures your images remain high quality and display beautifully across all devices.
Background
Square (1:1)
Portrait (4:5)
Things To Avoid
- Do not use other typography
- Do not use logo in a not allowed color
- Do not use other size framing
- Do not use cutout background
- Do not use logo where it shouldn’t be
- Do not use not allowed combinations