Brand Review. L’ORÉAL. Let’s find out how L’ORÉAL is using fonts across their digital touchpoints. Keep scrolling if you want to: • See how loreal.com has evolved this past year • Discover L’ORÉAL’s digital font ID • Know what challenges and opportunities arise with fonts • Explore how fonts can contribute to sustainability • Collaborate with Monotype to take your font game to the next level! Page 2 L’ORÉAL in 2019. loreal.com Navigation Bar / Menus. • Avant Garde Gothic ITC W02 Med • Avant Garde Gothic ITC W02 Demi • Avant Garde Gothic ITC W02 Book Headers. • Bauer Bodoni W02 Bold Webfonts (.woff/.woff2 files) are essential to impose your online visual identify. Pairing a sans serif, Avant Garde Gothic, with a serif, Bauer Bodoni, adds structure to the UI. Page 3 L’ORÉAL in 2020. loreal.com Body / Search Bars. • Helvetica Now Display W05 Reg • Helvetica Now Display W05 Lt • Helvetica Now Display W05 Bd Headers / Menus. • Halesworth eText Bold • Halesworth eText Medium In 2020, loreal.com has been upgraded by incorporating the newly released Helvetica Now typeface, specifically made to answer today’s digital requirements. Paired with Halesworth we are now seeing a new life brought to the entire website. Page 4 Digital font ID. L’ORÉAL in 2019. L’ORÉAL in 2020. Page 5 Do you know your brands’ digital font ID? LANCÔME GARNIER HE LVET ICA YVES SAINT LAURENT MAYBELLINE NEW YORK ARMANI NYX PROFESSIONAL MAKEUP ON SL KIELH'S STYLENANDA A C GI LL SA IG N BIOTHERM DECLÉOR B S URBAN DECAY ESSIE R OC SHU UEMURA NIELY K W T E X IT COSMETICS DARK & LOVELY E L L N N HELENA RUBINSTEIN MAGIC MASK I D D I RALPH LAUREN FRAGRANCES L'ORÉAL PROFESSIONNEL D O VIKTOR&ROLF REDKEN T CACHAREL KERASTASE C DIESEL MATRIX I H T CLARISONIC PUREOLOGY O G Y YUE SAI LA ROCHE-POSAY R U T N ATELIER COLOGNE VICHY E C VALENTINO SKINCEUTICALS L'ORÉAL PARIS CERAVE Page 6 Behind the scenes. Or how to leverage your full font potential! Page 7 Are there any cross-platforms inconsistencies? Web. Mobile apps. Page 8 What about social media platforms? Facebook. Instagram. Twitter. Page 9 When it comes to complex scripts*... … most of System fonts. • Desktop format L’ORÉAL • Not optimised for web websites • Not consistent with Latin are using • Impact the brand identity *Complex scripts: Chinese, Japanese, Korean, … Page 10 And because we know you care about the planet... You can make sure you’ve optimised your ink and paper usage with the right typeface! Font Ink usage Paper usage Font Ink usage Paper usage Helvetica Neue LT 55 Roman Base Base Helvetica Neue LT 57 Bold Base Base Helvetica Now Display -6.2% -4% Helvetica Now Display Bold -9.2% -4.3% Helvetica Now Display Light -31% -4.8% Helvetica Now Display Medium -25.3% -7% Page 11 L’ORÉAL & Monotype. Page 12 88% of the typefaces used by L’ORÉAL* are available in the Monotype library. *L,ORÉAL web luxe division. Page 13 This is the Monotype font solution... Library. Font management. +28,000 font files +4,800 font families Enterprise tools to: • Organise Including: • Manage • Monotype • Centralise • Linotype • Distribute • ITC • Collaborate • FontSmith • Ease compliance • FontFabric • … Page 14 ...where you can easily collaborate... Monotype. L’ORÉAL. • Agencies LANCÔME • Partners YVES SAINT • Contractors LAURENT • Suppliers ARMANI • Printers KIELH'S • Freelancers BIOTHERM URBAN DECAY SHU UEMURA IT COSMETICS Page 15 …and serve all your physical and digital touchpoints… Digital marketing. Print packaging. Page 16 …to connect with your global audience. Desktop. Server. Web. Digital marketing. Mobile apps. Page 17 Preview of L’ORÉAL in the Monotype font solution. Page 18 Font licensing 101. Page 19 Font licensing. Font licenses can appear overwhelming in their complexity. The contracts themselves are full of legal jargon and seemingly arcane restrictions on usage. In reality, font licenses are fairly straightforward as long as you understand their individual parts. Desktop. Mobile app. Webfont. Server. Digital marketing. Emdedded products. Install on computers Embed in mobile app. Embed in code for Generate reports Digital banner ads Software apps, for use in design websites, digital ads online, use in and email. hardware and auto. programs. and email. cloud-based SaaS environments. Page 20 One world. One Monotype. Headquarter USA/New York Argentina/Córdoba India/Noida Korea/Seoul USA/Woburn 1370 Broadway Corrientes 161, 2nd floor Monotype Solutions India Monotype Korea Monotype Imaging Inc. Suite 1450 Córdoba, Argentina Private Limited 805 Seongji Heights 600 Unicorn Park Drive New York, NY 10018 2nd, 3rd & 4th floor 3–Cha Building, Yeoksam-dong Woburn, MA 01801 UK/London Tower-B Gangnam-gu, Seol 135–717 Korea USA/Chicago Monotype Ltd. Prius Global & Universal Registered in the state National Building TEA Building, 2nd floor Plot No. A–3, 4 & 5 Japan/Tokyo of Delaware, 125 S Clark Street Unit 2.05 Sector – 125 Monotype KK Department of State, Chicago, IL 60603 56 Shoreditch High Street Noida (U.P) – 201301 5th Floor MG Ichigaya Building Division of Corporations London E1 6JJ 1–9 Gobancho, Chiyoda-ku Registered file number: USA/Colorado China/Shanghai Tokyo 102–0076 Japan 3088431 6309 Monarch Park Place Germany/Berlin Monotype Shanghai President and Chief Executive Suite 102 Monotype GmbH Representative Office Officer: Scott Landers Niwot, CO 80503 Spichernstraße 2 Room 922, 9/F, Tower 12, 10777 Berlin KIC III, No. 333 Song Hu Road Contact USA/San Francisco Yangpu District, Monotype.com/loreal 995 Market Street Shanghai 200433 P.R.China Twitter @Monotype San Francisco, CA 94103 Instagram @byMonotype Facebook @ByMonotype USA/Los Angeles 12655 W. Jefferson Building Los Angeles, CA 90066 To find out more: [email protected].