Here are some projects that have been Katified.

1. Katy Updates

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

3. 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.
KATY 3

4. Consistency
KATY 4

5. Homepage. Profile. Search.
KATY 5

6. The LinkedIn Brand
Visual Identity Overview for Agencies
6

7. Typography: Avenir
KATY 7

8. Typography: Avenir
Static text as image Product branding
KATY 8

9. Typography: Lazy Dog
KATY 9

10. Typography: Lazy Dog
Human touch,
conversational
Human touch,
conversational
KATY 10

11. Typography: Georgia italic
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).
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234587890
KATY 11

12. Typography: Georgia italic
Example of pull quote
#333333
KATY 12

13. Typography: Helvetica
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 13

14. Typography: Helvetica
Names in blue (#0073B2)
Size: 13 / 17 px
Body Copy (#333333)
Size: 13 / 17 px
KATY 14

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 15

16. Microsite
KATY 16

17. KATY 17

18. Micro site Nav
KATY 18

19. Micro site Detail Page
KATY 19

20. Template with Grid
KATY 20

21. Template with Grid
KATY 21

22. MarCom Presentation
KATY 22

23. Email newsletter
KATY 23

24. Global Navigation
KATY 24

25. Global Navigation: Use if shipping early Q3
KATY 25

26. Drop-downs
KATY 26

27. Data visualization: New colors
KATY 27

28. Data visualization: New colors
KATY 28

29. Profile and Industry Icons
KATY 29

30. Ghost Icons and Photo Sizes
Icons displayed to the left:
Congratulations
Trending News
Company Generic
Profile Ghost
Group Generic
Icons still pending design:
School Generic
New Connections
Profile Updates
60X60 65X65 Company, Groups, and
Education Large sizes:
200X200 120X72 (Default request)
100X60
30X30
KATY 30

31. Education
KATY 31

32. Company Pages
KATY 32

33. Dialogue/Modal
KATY 33

34. Guided Editing
KATY 34

35. Alerts
KATY 35

36. Promo with Alert
KATY 36

37. Share Strength Meter and Speech Bubble
KATY 37

38. In Buttons
KATY 38

39. Email Templates
KATY 39

40. Da Vinci Progress: go/davinci
KATY 40

41. Katy
Questions?
KATY 41