nH Style Guide

Web, 1x

crafted in

Color palette

Ocean blue
#0057B8
0, 87, 184
Tealish
#29ABBD
41, 171, 189
Deep orange
#E35205
227, 82, 5
Yellowish orange
#F79421
247, 148, 33
Greeny blue
#36AD8B
54, 173, 139
Pastel red
#F15E47
241, 94, 71
Milk chocolate
#792B24
121, 43, 36
Dull red
#A93B32
169, 59, 50
Dark coral
#D94B40
217, 75, 64
Salmon
#F4867D
244, 134, 125
Pale salmon
#F6A8A1
246, 168, 161
Auburn
#9E3A02
158, 58, 2
Dark orange
#CC4A04
204, 74, 4
Dusty orange
#E97437
233, 116, 55
Chestnut
#702A00
112, 42, 0
Pale orange
#EF9669
239, 150, 105
Peach
#F2A782
242, 167, 130
Medium brown
#7A4912
122, 73, 18
Brownish orange
#DE851E
222, 133, 30
Sienna
#AC6718
172, 103, 24
Mango
#F89F37
248, 159, 55
Beige
#FCCB8F
252, 203, 143
Light orange
#F9AA4D
249, 170, 77
Dark green blue
#1D5845
29, 88, 69
Dark green blue
#277A61
39, 122, 97
Seaweed green
#319C7D
49, 156, 125
Greeny blue
#4AB597
74, 181, 151
Seafoam blue
#72C5AF
114, 197, 175
Light teal
#9AD5C7
154, 213, 199
Coral
#F26459
242, 100, 89
Dark green blue
#15565E
21, 86, 94
Blue green
#1D7884
29, 120, 132
Tealish
#259AAA
37, 154, 170
Cool blue
#3EB3C4
62, 179, 196
Seafoam blue
#68C3D2
104, 195, 210
Light grey blue
#92D3E0
146, 211, 224
Cerulean
#0279C5
2, 121, 197
Marine blue
#023D61
2, 61, 97
Deep sea blue
#025589
2, 85, 137
Ocean blue
#026DB1
2, 109, 177
Water blue
#1B86CB
27, 134, 203
Dark sky blue
#4DA0D7
77, 160, 215
Lightblue
#7FBAE3
127, 186, 227
Darkish blue
#003C82
0, 60, 130
Marine blue
#002A5E
0, 42, 94
Peacock blue
#004EA6
0, 78, 166
Nice blue
#1A68BF
26, 104, 191
Light grey blue
#82ACDB
130, 172, 219
Faded blue
#4E8ACD
78, 138, 205
Blue purple
#4000FF
64, 0, 255
Ultramarine
#280097
40, 0, 151
Ultramarine
#2E00B1
46, 0, 177
Ultramarine
#3400CB
52, 0, 203
Purpleish blue
#6634FF
102, 52, 255
Perrywinkle
#8C6DFB
140, 109, 251
Greyish purple
#8064A2
128, 100, 162
Dark
#322842
50, 40, 66
Light periwinkle
#C5B8FD
197, 184, 253
Dusk
#665082
102, 80, 130
Dusk
#4C3C62
76, 60, 98
Wisteria
#9A84B4
154, 132, 180
Pale purple
#B4A4C6
180, 164, 198
Black
#101010
16, 16, 16
Very light pink
#B7B7B7
183, 183, 183
Very light pink
#E0E0E0
224, 224, 224
Pale violet
#CEC4D8
206, 196, 216
Very light pink
#EEEEEE
238, 238, 238
White
#F5F5F5
245, 245, 245
White
#FFFFFF
255, 255, 255
Greyish brown
#3F3F3F
63, 63, 63
Greyish brown two
#3D3D3D
61, 61, 61
Brownish grey
#6E6E6E
110, 110, 110
Peacock blue two
#025B92
2, 91, 146

Text style catalog

H1 - Header - 24px
CenturyGothic, Regular, 24px
Letter spacing: -1px
H2 - Header - 21px
CenturyGothic, Regular, 21px
Letter spacing: -0.9px
H3 - Header - 18px
CenturyGothic, Bold, 18px
Letter spacing: -0.8px
Hyperlink Visited - 15px
CenturyGothic, Regular, 15px
Letter spacing: -0.6px
Hyperlink - 15px
CenturyGothic, Regular, 15px
Letter spacing: -0.6px
Paragraph - Body Text / Displayed Data
CenturyGothic, Regular, 15px
Letter spacing: -0.6px
Button - White Text
CenturyGothic, Bold, 13px
Letter spacing: -0.3px
Button - Disabled
CenturyGothic, Bold, 13px
Letter spacing: -0.3px
Button - Blue Text
CenturyGothic, Bold, 13px
Letter spacing: -0.3px
Button - White Text
CenturyGothic, Bold, 13px
Letter spacing: -0.5px
Button - Blue Text
CenturyGothic, Bold, 13px
Letter spacing: -0.5px
Button - Disabled
CenturyGothic, Bold, 13px
Letter spacing: -0.5px
Hyperlink Small - 13px
CenturyGothic, Regular, 13px
Hyperlink Visited Small - 13px
CenturyGothic, Regular, 13px
Letter spacing: -0.5px
Hyperlink Hover Small -13px
CenturyGothic, Regular, 13px
Letter spacing: -0.5px
Text style
CenturyGothic, Regular, 13px
Line height: 19.5px
Hyperlink - 13px
CenturyGothic, Regular, 13px
Letter spacing: -0.5px
Paragraph - Body Text / Displayed Data
CenturyGothic, Regular, 13px
Letter spacing: -0.5px
Disabled/Placeholder
CenturyGothic, Regular, 13px
Letter spacing: -0.5px
Table Header
CenturyGothic, Regular, 12px
Letter spacing: 0.4px
Text style
CenturyGothic, Regular, 11px
Small Text
CenturyGothic, Regular, 11px
Letter spacing: 0.5px

Designs

Intro
nHSG
0
Introduction
0
Color and Type
Color Guide
0
Typography
0
Navigation
Navigation
0
Tabs
0
Wrapper
Wrapper
0
Pagination
0
Truncation
0
Forms/Tables
Forms
0
Tables
0
Expandable Rows
0
Text Areas
0
Modals
Modals - Default
0
Search
Search
0
Lists/Results
0
UI Components
Buttons
2
Calendar Date Picker
0
Cards
0
Dropdown Fields
1
Loading
0
Service Cards
0
Icons
0
Messages and Chat
Messages/Chats
0
User Assistance
User Assistance
0
404 Concept Alt
0
404 Concept Copy
0
Branding Usage
Logos
0