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.
25
#FCFCFD
100
#F9FAFB
200
#F2F4F7
300
#EAECF0
400
#D0D5DD
500
#98A2B3
600
#667085
700
#475467
800
#475467
900
#1D2939
950
#101828
Orange Pearl
Used as main primary colour throughout the website
25
#fffcea
100
#fff4c5
200
#ffe885
300
#ffd546
400
#ffc11b
500
#ffa005
600
#e27600
700
#bb5002
800
#983e08
900
#7c330b
950
#481800
Black Pearl
Can be used as main Primary B colour.
25
#FCFCFD
100
#F9FAFB
200
#C4DEF3
300
#8FC4EA
400
#54A4DC
500
#2E8AC9
600
#1E6DAB
700
#1A578A
800
#194B73
900
#1A3F60
950
#0C1C2C
Headings
SF Pro Display
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
Inter
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
