$30 off During Our Annual Pro Sale. View Details »

Type at Scale

Scott Boms
August 02, 2014

Type at Scale

From TypeCon 2014: Capitalized in Washington, DC, an inside look at typography at Facebook and the Analog Research Lab.

Scott Boms

August 02, 2014
Tweet

More Decks by Scott Boms

Other Decks in Design

Transcript

  1. View Slide

  2. AN INSIDE LOOK AT TYPOGRAPHY AT FACEBOOK
    TYPE AT SCALE

    View Slide

  3. View Slide

  4. View Slide

  5. View Slide

  6. View Slide

  7. View Slide

  8. View Slide

  9. View Slide

  10. View Slide

  11. View Slide

  12. View Slide

  13. FACEBOOK STARTS USING HELVETICA
    FOR EVERYTHING… AND YOU WON’T
    BELIEVE WHAT HAPPENS NEXT!
    † Not actually true

    View Slide

  14. View Slide

  15. “In short, Helvetica has almost none of
    THE characteristics that are required
    for readability at small sizes or long
    passages: rhythm, openness, moderate
    letterspacing, moderate contrast.”
    — Stephen Coles

    View Slide

  16. View Slide

  17. View Slide

  18. View Slide

  19. View Slide

  20. SCALE

    View Slide

  21. View Slide

  22. View Slide

  23. 719,000,000
    2.5BILLI*N

    View Slide

  24. 719,000,000
    2.5BILLI*N

    View Slide

  25. INSPIRED

    View Slide

  26. CONSISTENCY

    View Slide

  27. ************
    ***UTILITY**
    *********EFF
    ICIENCY*****

    View Slide

  28. View Slide

  29. INFRASTRUCTURE*******
    **ACCESS*************
    *****************SURF
    ACES*****************
    ********PEOPLE*******

    View Slide

  30. SIMPLE
    HARD WORKING

    View Slide

  31. $

    View Slide

  32. NOTHING AT FACEBOOK IS
    SOMEONE ELSE’S PROBLEM

    View Slide

  33. View Slide

  34. View Slide

  35. PERFORMANCE
    *************
    CAPABILITIES

    View Slide

  36. 83.24 Kb
    NEUE FRUTIGER THIN WEB FONT (TTF)

    View Slide

  37. Af-Soomaali Afrikaans Akan Aymar aru Azərbaycan dili Bahasa Indonesia Bahasa Melayu Basa
    Jawa Bisaya Bosanski Català Čeština Cherokee Cymraeg Dansk Davvisámegiella Deutsch
    Eesti English (India) English (UK) English (US) Español Español (Chile) Español (Colombia)
    Español (España) Español (México) Español (Venezuela) Esperanto Euskara Filipino Føroyskt
    Français (Canada) Français (France) Frysk Gaeilge Galego Guarani Hindi (Hinglish) Hrvatski
    isiNdebele isiXhosa isiZulu Íslenska Italiano Kinyarwanda Kiswahili Kurdî Latviešu Lietuvių
    Limburgs lingua latina Magyar Malagasy Malti Nederlands Nederlands (België) Norsk (bokmål)
    Norsk (nynorsk) O’zbek Polski Português (Brasil) Português (Portugal) Qhichwa Română
    Rumantsch Shona Shqip Slovenčina Slovenščina Suomi Svenska Tiếng Việt tlhIngan-Hol
    Türkçe Ελληνικά Ἑλληνική ἀρχαία Беларуская Български Қазақша Македонски Монгол
    Русский Српски Татарча тоҷикӣ Українська
    ქართული Հայերեն ﺔﻴﺑﺮﻌﻟا ودرا תירבע ש
    یﺪﻧەوﺎﻧ ﯽﯾدرﻮﮐ ﯽﺳرﺎﻓ ﻮﺘښﭘ नेपाली मराठी सं कृतम् िह दी िह दी (मॉडन) বাংলা ਪੰਜਾਬੀ ગુજરાતી ଓଡ଼ିଆ
    தமிழ் తెలుగు ಕನ್ನಡ മലയാളം සිංහල ภาษาไทย မြန်မာဘာသာ ភាសាខ្មែរ 한국어 中文
    (台灣) 中文(简体) 中文(香港) 日本語

    View Slide

  38. Af-Soomaali Afrikaans Akan Aymar aru Azərbaycan dili Bahasa Indonesia Bahasa Melayu Basa
    Jawa Bisaya Bosanski Català Čeština Cherokee Cymraeg Dansk Davvisámegiella Deutsch
    Eesti English (India) English (UK) English (US) Español Español (Chile) Español (Colombia)
    Español (España) Español (México) Español (Venezuela) Esperanto Euskara Filipino Føroyskt
    Français (Canada) Français (France) Frysk Gaeilge Galego Guarani Hindi (Hinglish) Hrvatski
    isiNdebele isiXhosa isiZulu Íslenska Italiano Kinyarwanda Kiswahili Kurdî Latviešu Lietuvių
    Limburgs lingua latina Magyar Malagasy Malti Nederlands Nederlands (België) Norsk (bokmål)
    Norsk (nynorsk) O’zbek Polski Português (Brasil) Português (Portugal) Qhichwa Română
    Rumantsch Shona Shqip Slovenčina Slovenščina Suomi Svenska Tiếng Việt tlhIngan-Hol
    Türkçe Ελληνικά Ἑλληνική ἀρχαία Беларуская Български Қазақша Македонски Монгол
    Русский Српски Татарча тоҷикӣ Українська
    ქართული Հայերեն ﺔﻴﺑﺮﻌﻟا ودرا תירבע ש
    یﺪﻧەوﺎﻧ ﯽﯾدرﻮﮐ ﯽﺳرﺎﻓ ﻮﺘښﭘ नेपाली मराठी सं कृतम् िह दी िह दी (मॉडन) বাংলা ਪੰਜਾਬੀ ગુજરાતી ଓଡ଼ିଆ
    தமிழ் తెలుగు ಕನ್ನಡ മലയാളം සිංහල ภาษาไทย မြန်မာဘာသာ ភាសាខ្មែរ 한국어 中文
    (台灣) 中文(简体) 中文(香港) 日本語

    View Slide

  39. 14.9 MB
    ARIAL UNICODE MS (WOFF)

    View Slide

  40. PREDICT
    ABILITY

    View Slide

  41. View Slide

  42. PEOPLE

    View Slide

  43. ******** **
    OPPORTUNITY

    View Slide

  44. 80%
    OUTSIDE USA CANADA

    View Slide

  45. “EMERGING COUNTRIES ARE
    HUNGRY FOR A BETTER WEB
    EXPERIENCE. COMPANIES
    THAT DELIVER ONE WILL
    BE REWARDED.”
    http://www.theatlantic.com/technology/archive/2014/07/how-fonts-reveal-the-many-new-users-of-the-internet/375230/

    View Slide

  46. View Slide

  47. HOW YOU MIGHT FEEL BY NOW

    View Slide

  48. View Slide

  49. View Slide

  50. View Slide

  51. View Slide

  52. View Slide

  53. View Slide

  54. View Slide

  55. View Slide

  56. View Slide

  57. View Slide

  58. View Slide

  59. View Slide

  60. View Slide

  61. View Slide

  62. View Slide

  63. View Slide

  64. View Slide

  65. View Slide

  66. Founded in 2004, Facebook’s mission is to give people the power to share and make the world more
    open and connected. People use Facebook to stay connected with friends and family, to discover what’s
    going on in the world, and to share and express what matters to them.
    12/16 PT
    Regular
    abcdefghijklmnopqrstuvwxyz
    áăâäæǽàāąãåǻćčçĉċďđéĕěêëėèēęğĝģġħĥíĭîïìĩīįijĵķĺľļl·łńňņñóŏôöœòőō
    øǿõŕřŗśšşŝșßŧťţúŭûüùűūųůũẁŵẅẃỳŷÿýźžżабвгдежзийклмнопрстуф
    хцчшщъыьэюяѐґёђћѓєѕіїјљњќѝўџ
    ABCDEFGHIJKLMNOPQRSTUVWXYZ
    ÁĂÂÄÆǼÀĀĄÃÅǺĆČÇĈĊĎĐÉĔĚÊËĖÈĒĘĞĜĢĠĦĤÍĬÎÏİÌĨĪĮIJĴĶĹĽ
    ĻL·ŁŃŇŅÑÓŎÔÖŒÒŐŌØǾÕŔŘŖŚŠŞŜȘŦŤŢÚŬÛÜÙŰŪŲŮŨẀ
    ŴẄẂỲŶŸÝŹŽŻАБВГДЕЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬ
    ЭЮЯЀҐЁЂЋЃЄЅІЇЈЉЊЌЍЎЏ
    §$¢£¥€&!?#0123456789%‰¼½¾
    []{}()ÐŊÞðŋþ¡¿†‡ƒ∫fifl∂√/\∆Ω∏∑⁄
    ◊|¦µπ‹›«»¤−×÷+±=≠¬≈~∞^<>≤≥@
    ™ • - – — : ; , ‚ „ . . . . _ * ‘ ’ “ ” ¹ ² ³
    Like
    23 personnes aiment ça
    Zoek naar mensen, plaatsen en dingen
    Gefällt mir
    Тражи људе, места и ствари
    #HASHTAG
    Inspirado em dispositivos móveis
    Regular

    View Slide

  67. Connect and Share
    Camera
    Suche nach Personen, Orten und Dingen
    töllöttää
    Ищите друзей, места или предметы
    Messenger
    ¿Qué estás pensando?
    Semibold
    Founded in 2004, Facebook’s mission is to give people the power to share and make the world more
    open and connected. People use Facebook to stay connected with friends and family, to discover
    what’s going on in the world, and to share and express what matters to them.
    12/16 PT
    Semibold
    abcdefghijklmnopqrstuvwxyz
    áăâäæǽàāąãåǻćčçĉċďđéĕěêëėèēęğĝģġħĥíĭîïìĩīįijĵķĺľļl·łńňņñóŏôöœò
    őōøǿõŕřŗśšşŝșßŧťţúŭûüùűūųůũẁŵẅẃỳŷÿýźžżабвгдежзийклмнопр
    стуфхцчшщъыьэюяѐґёђћѓєѕіїјљњќѝўџ
    ABCDEFGHIJKLMNOPQRSTUVWXYZ
    ÁĂÂÄÆǼÀĀĄÃÅǺĆČÇĈĊĎĐÉĔĚÊËĖÈĒĘĞĜĢĠĦĤÍĬÎÏİÌĨĪĮIJĴĶĹĽĻL
    ·ŁŃŇŅÑÓŎÔÖŒÒŐŌØǾÕŔŘŖŚŠŞŜȘŦŤŢÚŬÛÜÙŰŪŲŮŨẀŴẄ
    ẂỲŶŸÝŹŽŻАБВГДЕЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬ
    ЭЮЯЀҐЁЂЋЃЄЅІЇЈЉЊЌЍЎЏ
    §$¢£¥€&!?#0123456789%‰¼½¾
    []{}()ÐŊÞðŋþ¡¿†‡ƒ∫fifl∂√/\∆Ω∏∑⁄
    ◊|¦µπ‹›«»¤−×÷+±=≠¬≈~∞^<>≤≥@
    ™ • - – — : ; , ‚ „ . . . . _ * ‘ ’ “ ” ¹ ² ³

    View Slide

  68. View Slide

  69. WE MAKE
    MISTAKES AND
    TRY AGAIN

    View Slide

  70. 7

    View Slide

  71. View Slide

  72. THANK YOU

    View Slide