Katy Updates

KATY 2

Introducing Katy.

Katy is an experience methodology designed to be simple, unified, delightful, and actionable.

KATY

Brand Attributes

1. Be professional and purposeful by showing users what’s in it for them.

2. Create empowerment though insightful, actionable data.

3. Be innovative through forward thinking.

4. Earn user’s trust by being reliable and transparent.

5. Feel a sense of accomplishment.

6. Create simple, elegant designs – less is more.

3

KATY 4

Consistency

KATY 5

Homepage. Profile. Search.

6

The LinkedIn BrandVisual Identity Overview for Agencies

KATY

Typography: Avenir

7

KATY

Typography: Avenir

8

Static text as image Product branding

KATY

Typography: Lazy Dog

9

KATY

Typography: Lazy Dog

10

Human touch,conversational

Human touch,conversational

KATY

Typography: Georgia italic

11

Georgia italic is used for pull quotes and comments. It has a conversational tone, and can be used online and on print materials (instead of Lazy Dog).

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234587890

KATY

Typography: Georgia italic

12

Example of pull quote

#333333

KATY

Typography: Helvetica

13

Helvetica is being used for all headlines and body copy online (on site, microsites, emails, banner ads). It has a modern tone; is clean, simple and easy to read.

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

1234587890

KATY

Typography: Helvetica

14

Body Copy (#333333)Size: 13 / 17 px

Names in blue (#0073B2)Size: 13 / 17 px

KATY 15

Buttons

The yellow button is our “spotlight” button, reserved for our most important call-to-actions.

Please make sure to limit; one yellow button per page.

Internal ads use the blue button.

Our default button is blue. Grey is secondary.

Do not use the blue and yellow buttons beside each other; each color can only be paired with grey.

KATY 16

Microsite

KATY 17

KATY 18

Micro site Nav

KATY 19

Micro site Detail Page

KATY 20

Template with Grid

KATY 21

Template with Grid

KATY 22

MarCom Presentation

KATY 23

Email newsletter

KATY

Global Navigation

24

KATY

Global Navigation: Use if shipping early Q3

25

KATY

Drop-downs

26

KATY

Data visualization: New colors

27

KATY

Data visualization: New colors

28

KATY

Profile and Industry Icons

29

KATY

Ghost Icons and Photo Sizes

30

60X60

30X30

200X200

65X65

Icons displayed to the left:

Congratulations

Trending News

Company Generic

Profile Ghost

Group Generic

Icons still pending design:

School Generic

New Connections

Profile Updates

Company, Groups, and Education Large sizes:

120X72 (Default request)

100X60

KATY

Education

31

KATY

Company Pages

32

KATY

Dialogue/Modal

33

KATY

Guided Editing

34

KATY

Alerts

35

KATY

Promo with Alert

36

KATY

Share Strength Meter and Speech Bubble

37

KATY

In Buttons

38

KATY

Email Templates

39

KATY

Da Vinci Progress: go/davinci

40

KATY 41

Questions?Katy