Logos

Full Logos

linktek-logo

Logo Default Bright

linktek-logo-bright

Logo Default Dark

logo-alt

Logo Alternative Dark

Favicon

linktek-favicon

Logo Construction

Logo-Style-Guide-cosntruct

Logo Dimensions

Logo-Style-Guide-clear-space

Logo Minimum Clear Spaces

Colors

#3a92c1

Color Spaces

RGB: 58 146 193

PMS: 7688 C

HSL: 0.56 0.54 0.49

HSV: 201° 70° 76°

CMYK: 0.70 0.24 0.00 0.24

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 #3a92c1

#3483ad

#2e749a

#286687

#225773

#1d4960

#173a4d

#112b39

#0b1d26

#050e13

Tints of #3a92c1

#4d9cc7

#61a7cd

#75b2d3

#88bdd9

#9cc8e0

#b0d3e6

#c3deec

#d7e9f2

#ebf4f8

#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

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 as Body, Pull Quote, and Caption 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

Oswald

Used as Title, Subtitle and Subheading font style on revamped articles.

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

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

Roboto

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

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 Elit Sed

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

  1. 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.
  2. 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.
  3. 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

Sample IA Approved Article

article-construction-edited

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 (53.8rem x 14.1rem)

rotten
dog-banner
tech-banner

Article Thumbnails (48rem x 32rem)

beef
sharepoint-migration
cowboys2
cloud
vault
polaroid

Icons

Inoculate

cure
icons-style-guide

Icon Default Dark

Icon Dimensions

Inoculate
icons-style-guide-no-bg

Icon Default Light

Icon Dimensions

Cure

Cure-w-bg
cure-bg

Icon Default Dark

Icon Dimensions

Cure
cure-no-bg

Icon Default Light

Icon Dimensions

Modify Links

Modify-w-bg
modify-bg

Icon Default Dark

Icon Dimensions

Modify
icons-style-guide-repair

Icon Default Light

Icon Dimensions

Move/Rename

Move-rename-w-bg
move (1)

Icon Default Dark

Icon Dimensions

Move-rename
truck-light

Icon Default Light

Icon Dimensions

Scanning

Scaning-w-bg
scanning

Icon Default Dark

Icon Dimensions

Scaning
icons-style-guide-=scan

Icon Default Light

Icon Dimensions

Reports

Reports-w-bg
reports

Icon Default Dark

Icon Dimensions

Reports
report-light

Icon Default Light

Icon Dimensions

Icon Colors

#008404

Color Spaces

RGB: 0 132 4

PMS: 2426 C

HSL: 0.34 1.00 0.26

HSV: 122° 100° 52°

CMYK: 1.00 0.00 0.97 0.48

Shades of #008404

#007603

#006903

#005c02

#004f02

#004202

#003401

#002701

#001a00

#000d00

Tints of #008404

#19901d

#329c36

#4ca84f

#66b568

#7fc181

#99cd9a

#b2dab3

#cce6cc

#e5f2e5

#2d537b

Color Spaces

RGB: 45 83 123

PMS: 2161 C

HSL: 0.59 0.46 0.33

HSV: 211° 63° 48°

CMYK: 0.63 0.33 0.00 0.52

Shades of #2d537b

#284a6e

#244262

#1f3a56

#1b3149

#16293d

#122131

#0d1824

#091018

#04080c

Tints of #2d537b

#426488

#567595

#6c86a2

#8197af

#96a9bd

#abbaca

#c0cbd7

#d5dce4

#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

Shades of #ffde51

#e5c748

#ccb140

#b29b38

#998530

#7f6f28

#665820

#4c4218

#332c10

#191608

Tints of #ffde51

#ffe162

#ffe473

#ffe785

#ffeb96

#ffeea8

#fff1b9

#fff5ca

#fff8dc

#fffbed