Logos
Full Logos
Logo Default Bright
Logo Default Dark
Logo Alternative Dark
Logo Webinar Dark
Favicon
Logo Construction
Logo Dimensions
Logo Minimum Clear Spaces
Colors
#1aa5b7
Color Spaces
RGB: 26 165 183
PMS: 7711 U
HSL: 0.52 0.75 0.41
HSV: 187° 86° 72°
CMYK: 0.86 0.10 0.00 0.28
The following shades and tints are secondary options to be used only in cases where necessary to add contrast between our logo (or icon) and a given background.
Shades of #1aa5b7
#1794A4
#148492
#127380
#0F636D
#0C525B
#0A4249
#073136
#052124
#021012
Tints of #1aa5b7
#30AEBE
#47b7c5
#5ec0cc
#75c9d3
#8cd2da
#a3dbe2
#bae4e9
#d1edf0
#e8f6f7
Colors
#f6cd25
Color Spaces
RGB: 246 205 37
PMS: P 7 - 8 C
HSL: 0.13 0.92 0.55
HSV: 48° 85° 96°
CMYK: 0.00 0.17 0.85 0.04
Shades of #f6cd25
#ddb821
#c4a41d
#ac8f19
#937b16
#7b6612
#62520e
#493d0b
#312907
#181403
Tints of #f6cd25
#f6d23a
#f7d750
#f8dc66
#f9e17c
#fae692
#fbeba7
#fcf0bd
#fdf5d3
#fefae9
Colors
#024d8e
Color Spaces
RGB: 2 77 142
PMS: 7462 C
HSL: 0.58 0.97 0.28
HSV: 208° 99° 56°
CMYK: 0.99 0.46 0.00 0.44
Shades of #024d8e
#01457f
#013d71
#013563
#012e55
#012646
#001e38
#00172a
#000f1c
#00070e
Tints of #024d8e
#1b5e99
#3470a4
#4d82af
#6794bb
#80a6c6
#99b7d1
#b3c9dd
#ccdbe8
#e5edf3
#000000
Color Spaces
RGB: 0 0 0
PMS: Neutral Black C
HSL: 0.00 0.00 0.00
HSV: 0° 0° 0°
CMYK: 0.00 0.00 0.00 1.00
Tints of #000000
#191919
#323232
#4c4c4c
#666666
#7f7f7f
#999999
#b2b2b2
#cccccc
#e5e5e5
Typography
Primary Fonts
Roboto
Used as Body and Caption font style on revamped articles.
Aa
Aa
Aa
Aa
Aa
Aa
Thin
Light
Normal
Medium
Bold
Ultra Bold
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr
Ss Tt Uu Vv Ww Xx Yy Zz 01 02 03 04 05 06 07 08 09
Helvetica Neue
Used as Title and Body font style on old pages and landing pages.
Aa
Aa
Aa
Light
Regular
Bold
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr
Ss Tt Uu Vv Ww Xx Yy Zz 01 02 03 04 05 06 07 08 09
Poppins
Used on Pull Quote font style on revamped articles.
Aa
Aa
Aa
Aa
Aa
Aa
Aa
Aa
Thin
Extra Light
Light
Medium
Semi-Bold
Bold
Extra-Bold
Ultra-Bold
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr
Ss Tt Uu Vv Ww Xx Yy Zz 01 02 03 04 05 06 07 08 09
Lato
Used as Title and Body font style on revamped landing pages.
Aa
Aa
Aa
Aa
Aa
Thin
Light
Normal
Bold
Ultra Bold
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr
Ss Tt Uu Vv Ww Xx Yy Zz 01 02 03 04 05 06 07 08 09
Alternative Fonts
Lexend Deca
Aa
Aa
Aa
Aa
Aa
Aa
Aa
Aa
Aa
Thin
Extra-Light
Light
Normal
Medium
Semi Bold
Bold
Extra-Bold
Ultra-Bold
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr
Ss Tt Uu Vv Ww Xx Yy Zz 01 02 03 04 05 06 07 08 09
Oswald
Aa
Aa
Aa
Aa
Aa
Aa
Extra-Light
Light
Normal
Medium
Semi Bold
Bold
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr
Ss Tt Uu Vv Ww Xx Yy Zz 01 02 03 04 05 06 07 08 09
Title Typography
H1(3.4rem):
Almost Before We Knew It, We Had Left the Ground
H2(2rem):
Almost Before We Knew It, We Had Left the Ground
H3(1.4rem):
Almost Before We Knew It, We Had Left the Ground
H4(1.2rem):
Almost Before We Knew It, We Had Left the Ground
H5(1.1rem):
Almost Before We Knew It, We Had Left the Ground
Body Typography
Almost Before We Knew It, We Had Left the Ground
Spacing and Leading
1.15rem
H1 (Title): Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing
2.5rem
H2 (Sub-Title): Labore Et Dolore
3.1rem
H3: Almost Before We Knew It, We Had Left the Ground
2rem
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
.7rem
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
1.9rem
2.5rem
H4: Almost Before We Knew It, We Had Left the Ground
1.8rem
Lorem ipsum dolor sit amet, consectetur adipiscing elit:
1.6rem
-
- Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto.
- Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto.
- Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto.
1.3rem
.7rem
1.3rem
Apply the applicable leading and spacing rules as per WIR Series 10, GCP "Formatting and Leading Senior Rules".
Sample IA Approved Article
Graphics
Use stock photography only when we cannot create our own photos, hand drawings or graphics within the needed time. When selecting stock photos, choose ones that appear to be more real versus obviously staged scenes. We especially try to steer clear of models trying to pretend to be real people.
Try to create or find photos and graphics that are unusual, out-of-the-box or humorous.
Article Banners (75.19rem x 25.06rem)
Article Thumbnails (48rem x 32rem)
Icons
CellManager
Icon Default
Icon Dimensions
Conversion Services
Icon Default
Icon Dimensions
Custom Programming
Icon Default
Icon Dimensions
DgnCompare
Icon Default
Icon Dimensions
Duplicate Element Remover
Icon Default
Icon Dimensions
FileFixer
Icon Default
Icon Dimensions
Global File Changer
Icon Default
Icon Dimensions
Microsoft Office Importer
Icon Default
Icon Dimensions
RasterDgn
Icon Default
Icon Dimensions
RefManager
Icon Default
Icon Dimensions
RefMerge
Icon Default
Icon Dimensions
SpecChecker
Icon Default
Icon Dimensions
SpellCheckerPlus
Icon Default
Icon Dimensions
Title Block Manager
Icon Default
Icon Dimensions
Translation Manager
Icon Default
Icon Dimensions
Icon Colors
#3285C6
Color Spaces
RGB: 50 133 198
PMS: 2143 C
HSL: 0.57 0.60 0.49
HSV: 206° 75° 78°
CMYK: 0.75 0.33 0.00 0.22
Shades of #3285c6
#2d77b2
#286a9e
#235d8a
#1e4f76
#194263
#14354f
#0f273b
#0a1a27
#050d13
Tints of #3285C6
#4691cb
#5a9dd1
#6fa9d7
#84b5dc
#98c2e2
#adcee8
#c1daed
#d6e6f3
#eaf2f9
#06ADED
Color Spaces
RGB:6 173 237
PMS: P Process Cyan C
HSL: 0.55 0.95 0.48
HSV: 197° 97° 93°
CMYK: 0.97 0.27 0.00 0.07
Shades of #06aded
#059bd5
#048abd
#0479a5
#03678e
#16293d
#035676
#013347
#01222f
#001117
Tints of #06aded
#426488
#567595
#6c86a2
#8197af
#abbaca
#c0cbd7
#eaedf1
#c12033
Color Spaces
RGB: 193 32 51
PMS: 7636 C
HSL: 0.98 0.72 0.44
HSV: 353° 83° 76°
CMYK: 0.00 0.83 0.74 0.24
Shades of #c12033
#ad1c2d
#9a1928
#871623
#73131e
#601019
#4d0c14
#39090f
#26060a
#130305
Tints of #c12033
#c73647
#cd4c5b
#d36270
#d97984
#e08f99
#e6a5ad
#ecbcc1
#f2d2d6
#f8e8ea
#2b2e84
Color Spaces
RGB: 43 46 132
PMS: 2370 C
HSL: 0.66 0.51 0.34
HSV: 238° 67° 52°
CMYK: 0.67 0.65 0.00 0.48
Shades of #2b2e84
#262976
#222469
#1e205c
#191b4f
#151742
#111234
#0c0d27
#08091a
#04040d
Tints of #2b2e84
#404290
#55579c
#6a6ca8
#7f81b5
#9596c1
#aaabcd
#bfc0da
#d4d5e6
#e9eaf2
#15795e
Color Spaces
RGB: 21 121 94
PMS: 2244 C
HSL: 0.46 0.70 0.28
HSV: 164° 83° 47°
CMYK: 0.83 0.00 0.22 0.53
Shades of #15795e
#126c54
#10604b
#0e5441
#0c4838
#0a3c2f
#083025
#06241c
#041812
#020c09
Tints of #15795e
#2c866e
#43937e
#5ba18e
#72ae9e
#8abcae
#a1c9be
#b8d6ce
#d0e4de
#e7f1ee
#ffde51
Color Spaces
RGB: 255 222 81
PMS: 121 C
HSL: 0.14 1.00 0.66
HSV: 49° 68° 100°
CMYK: 0.00 0.13 0.68 0.00