This guide is designed to ensure consistency and clarity in all our communications. By following these guidelines, we can maintain a cohesive brand identity and deliver a seamless user experience. Whether you’re creating content for our website, social media, or internal documents, this guide will help you maintain our brand consistency.
PRIMARY COLORS
HEX: #004D71
RGB: 0 77 113
CMYK: 100 27 10 56
PANTONE: 3025
HEX: #00B5AF
RGB: 0 178 169
CMYK: 81 0 39 0
PANTONE: 326
HEX: #5FC5BF
RGB: 73 197 177
CMYK: 59 0 30 0
PANTONE: 3258
PRIMARY GREY SCALE
HEX: #333333
RGB: 51 51 51
CMYK: 69 63 62 58
HEX: #666666
RGB: 102 102 102
CMYK: 59 51 50 20
HEX: #999999
RGB: 153 153 153
CMYK: 43 35 35 1
HEX: #f6f6f6
RGB: 246 246 246
CMYK: 4 2 4 8
PRIMARY COLOR GRADATION
NACDS Foundation Dark Blue
#004D71
rgba(0,77,113,0.8)
rgba(0,77,113,0.6)
rgba(0,77,113,0.4)
rgba(0,77,113,0.2)
NACDS Foundation Primary Green
#00B5AF
rgba(0,181,175,0.8)
rgba(0,181,175,0.6)
rgba(0,181,175,0.4)
rgba(0,181,175,0.2)
NACDS Foundation Lite Green
#5fc5bf
rgba(95,197,191,0.8)
rgba(95,197,191,0.6)
rgba(95,197,191,0.4)
rgba(95,197,191,0.2)
NACDS Foundation Yellow
#ffc400
rgba(255,196,0,0.8)
rgba(255,196,0,0.6)
rgba(255,196,0,0.4)
rgba(255,196,0,0.2)
TYPOGRAPHY
H1 | The quick brown.
Font: Roboto Condensed Size: 165px Color: #00B5AF
H2 | The quick brown fox jumps over the lazy dog.
Font: Roboto Condensed Size: 32px Color: #004D71
H3 | The quick brown fox jumps over the lazy dog.
Font: Roboto Condensed Size: 24px Color: #333333
H4 | The quick brown fox jumps over the lazy dog.
Font: Roboto Condensed Size: 24px Color: #333333
H1 | The quick brown.
H2 | The quick brown.
H3 | The quick brown.
H4 | The quick brown.
H5 | The quick brown.
USE CASE
INAPPROPRIATE USE CASE
