Unduit’s Brand Identity
Welcome to Unduit’s Brand Guidelines, tailored for our partners and event collaborators. Here, you’ll discover the essentials – logos, fonts, and more
Our Logo
Our logo is the most recognizable visual element of our brand. It should always be displayed in its original form and not be altered in any way. The minimum size for our logo is 20 pixels in height, and it should be placed on a white or light-colored background. We also have a monochrome version of our logo that can be used in certain circumstances.
Brand Colors & Typography
Our logo is the most recognizable visual element of our brand. It should always be displayed in its original form and not be altered in any way. The minimum size for our logo is 20 pixels in height, and it should be placed on a white or light-colored background. We also have a monochrome version of our logo that can be used in certain circumstances.
Gray
Gray is a neutral color and is the foundation of the color system. Almost everything in UI design — text, form fields, backgrounds, dividers — are usually gray.
AA 4.84
25
#FCFCFD
AA 4.73
50
#F9FAFB
AA 4.49
100
#F2F4F7
4.19
200
#EAECF0
1.48
300
#D0D5DD
2.58
400
#98A2B3
AA 4.95
500
#667085
AAA 7.65
600
#475467
AAA 10.41
700
#344054
AAA 14.74
800
#1D2939
AAA 17.79
900
#101828
Orange
Used as main primary colour throughout the website
AA 5.53
25
#FEFAF5
AA 5.36
50
#FEF6EE
AA 4.90
100
#FDEAD7
4.33
200
#F9DBAF
1.81
300
#F7B27A
2.51
400
#F38744
3.13
500
#EF6820
3.96
600
#E04F16
AA 5.75
700
#B93815
AAA 7.87
800
#932F19
AAA 9.97
900
#772917
Yellow
Can be used as main Primary B colour.
AA 5.53
25
#FEFAF5
AA 5.01
50
#FEF6EE
AA 4.78
100
#FDEAD7
4.44
200
#FEEE95
1.29
300
#FDE272
1.61
400
#FAC515
2.05
500
#EAAA08
3.06
600
#A15C07
AA 5.20
700
#854A0E
AAA 7.07
800
#854A0E
AAA 8.97
900
#713B12
Headings
Plus Jakarta Sans
Ag
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 !@#$%^&*()
Display 2xl
Font size: 72px / 4.5rem | Line height: 90px / 5.625rem | Tracking: -2%
Display 2xl
Semibold
Display 2xl
Bold
Display xl
Font size: 56px / 3.75rem | Line height: 64px / 4.5rem | Tracking: -2%
Display xl
Semibold
Display xl
Bold
Display lg
Font size: 48px / 3rem | Line height: 60px / 3.75rem | Tracking: -2%
Display lg
Semibold
Display lg
Bold
Display md
Font size: 36px / 2.25rem | Line height: 44px / 2.75rem | Tracking: -2%
Display xl
Semibold
Display xl
Bold
Content
DM Sans
Ag
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 !@#$%^&*()
Text xl
Font size: 20px / 1.25rem | Line height: 30px / 1.875rem
Text xl
Regular
Text xl
Medium
Text lg
Font size: 18px / 1.125rem | Line height: 28px / 1.75rem
Text lg
Regular
Text lg
Medium
Text md
Font size: 16px / 1rem | Line height: 24px / 1.5rem
Text lg
Regular
Text md
Medium
Text small
Font size: 14px / 0.875rem | Line height: 20px / 1.25rem
Text sm
Regular
Text sm
Medium
Unduit Brand Essentials
Brand Guidelines
Welcome to Unduit’s Brand Guidelines, tailored for our partners and event collaborators. Here, you’ll discover the essentials – logos, fonts, and more
