{"id":11002,"date":"2023-02-24T09:06:53","date_gmt":"2023-02-24T00:06:53","guid":{"rendered":"https:\/\/designcompass.org\/?p=11002"},"modified":"2023-02-24T09:13:23","modified_gmt":"2023-02-24T00:13:23","slug":"netflix-new-graphic","status":"publish","type":"post","link":"https:\/\/designcompass.org\/en\/2023\/02\/24\/netflix-new-graphic\/","title":{"rendered":"Netflix&#039;s New Graphics: Introducing Newness While Preserving the Brand&#039;s Essence"},"content":{"rendered":"<p>Netflix has released a graphics toolkit created with Koto. We deliver products inspired by the world of film and experiences that span the entire brand.<\/p>\n\n\n\n<p>Consistency is important because Netflix can be viewed continuously on screens of various sizes. For consistency, Koto created new assets based on Netflix&#039;s existing design assets.<\/p>\n\n\n\n<p>We created a variety of illustrations and animations using an icon set containing the movie theater&#039;s widescreen motif incorporated in the wordmark and the cinematic palette hidden in the Two-Dum animation. Spot illustrations and animation were created with Gica Tam and Michael William Lester. Netflix Sans provides a variety of thicknesses and widths to ensure the same experience in any environment.<\/p>\n\n\n\n<p>The low, wide grid icon set is impressive. I think it&#039;s Netflix-like to give it a personality that fits the context without adding too many graphic elements. It is also unique to create a palette using the gradient that can be seen when the &#039;N&#039; is enlarged in Netflix&#039;s iconic Two-Dum animation.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-vimeo wp-block-embed-vimeo wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Koto_Netflix_01_Animation-02_WIP-04\" src=\"https:\/\/player.vimeo.com\/video\/788482217?h=db1d1f91d1&amp;dnt=1&amp;app_id=122963\" width=\"800\" height=\"450\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write\"><\/iframe>\n<\/div><figcaption>\u00a9Netflix, Koto<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-vimeo wp-block-embed-vimeo wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"NET_001_Expressive_Spots_V2\" src=\"https:\/\/player.vimeo.com\/video\/788485822?h=9d6507a188&amp;dnt=1&amp;app_id=122963\" width=\"800\" height=\"450\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write\"><\/iframe>\n<\/div><figcaption>\u00a9Netflix, Koto<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-vimeo wp-block-embed-vimeo wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Netflix-Case-Study-iPad_v001\" src=\"https:\/\/player.vimeo.com\/video\/788482268?h=7c80d471eb&amp;dnt=1&amp;app_id=122963\" width=\"800\" height=\"450\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write\"><\/iframe>\n<\/div><figcaption>\u00a9Netflix, Koto<\/figcaption><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2023\/02\/netflix-02-1024x768.png\" alt=\"\" class=\"wp-image-11004\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2023\/02\/netflix-02-1024x768.png 1024w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/02\/netflix-02-600x450.png 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/02\/netflix-02-300x225.png 300w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/02\/netflix-02-768x576.png 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/02\/netflix-02-1536x1152.png 1536w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/02\/netflix-02-2048x1536.png 2048w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/02\/netflix-02-924x693.png 924w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/02\/netflix-02-671x503.png 671w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/02\/netflix-02-1320x990.png 1320w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption>\u00a9Netflix, Koto<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2023\/02\/netflix-03-1024x768.png\" alt=\"\" class=\"wp-image-11005\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2023\/02\/netflix-03-1024x768.png 1024w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/02\/netflix-03-600x450.png 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/02\/netflix-03-300x225.png 300w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/02\/netflix-03-768x576.png 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/02\/netflix-03-1536x1152.png 1536w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/02\/netflix-03-2048x1536.png 2048w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/02\/netflix-03-924x693.png 924w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/02\/netflix-03-671x503.png 671w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/02\/netflix-03-1320x990.png 1320w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption>\u00a9Netflix, Koto<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2023\/02\/netflix-04-1024x768.png\" alt=\"\" class=\"wp-image-11006\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2023\/02\/netflix-04-1024x768.png 1024w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/02\/netflix-04-600x450.png 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/02\/netflix-04-300x225.png 300w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/02\/netflix-04-768x576.png 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/02\/netflix-04-1536x1152.png 1536w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/02\/netflix-04-2048x1536.png 2048w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/02\/netflix-04-924x693.png 924w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/02\/netflix-04-671x503.png 671w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/02\/netflix-04-1320x990.png 1320w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption>\u00a9Netflix, Koto<\/figcaption><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">More and Sources<\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/koto.studio\/work\/netflix\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/koto.studio\/work\/netflix\/<\/a><\/li><\/ul>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<script async=\"\" src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-4130900524608986\" crossorigin=\"anonymous\"><\/script>\n<ins class=\"adsbygoogle\" style=\"display:block\" data-ad-format=\"autorelaxed\" data-ad-client=\"ca-pub-4130900524608986\" data-ad-slot=\"2908097030\"><\/ins>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Similar posts<\/h2>\n\n\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">recent posts<\/h2>","protected":false},"excerpt":{"rendered":"<p>\ub137\ud50c\ub9ad\uc2a4\uac00 Koto\uc640 \ud568\uaed8 \ub9cc\ub4e0 \uadf8\ub798\ud53d \ud234\ud0b7\uc744 \uacf5\uac1c\ud588\uc2b5\ub2c8\ub2e4. \uc601\ud654 \uc138\uacc4\uc5d0\uc11c \uc601\uac10\uc744 \ubc1b\uc740 \uc81c\ud488\uacfc \ube0c\ub79c\ub4dc \uc804\uccb4\ub97c \uad00\ud1b5\ud558\ub294 \uacbd\ud5d8\uc744 \uc804\ud569\ub2c8\ub2e4. \ub137\ud50c\ub9ad\uc2a4\ub294 \ub2e4\uc591\ud55c \ud06c\uae30\uc758 \uc2a4\ud06c\ub9b0\uc5d0\uc11c \uc5f0\uc18d\ud574\uc11c \ubcfc \uc218 \uc788\uae30 \ub54c\ubb38\uc5d0 \uc77c\uad00\uc131\uc774 \uc911\uc694\ud569\ub2c8\ub2e4. \uc77c\uad00\uc131\uc744 \uc704\ud574 Koto\ub294 \ub137\ud50c\ub9ad\uc2a4\uc758 \uae30\uc874 \ub514\uc790\uc778 \uc790\uc0b0\uc744 \ubc14\ud0d5\uc73c\ub85c \uc0c8\ub85c\uc6b4 \uc5d0\uc14b\uc744 \ub9cc\ub4e4\uc5c8\uc2b5\ub2c8\ub2e4. \uc6cc\ub4dc\ub9c8\ud06c\uc5d0 \ub179\uc544 \uc788\ub358 \uc601\ud654\uad00\uc758 \uc640\uc774\ub4dc\uc2a4\ud06c\ub9b0 \ubaa8\ud2f0\ube0c\ub97c \ub2f4\uc740 \uc544\uc774\ucf58 \uc138\ud2b8\uc640 \ud22c\ub364 \uc560\ub2c8\uba54\uc774\uc158\uc5d0 \uc228\uc5b4 \uc788\ub294 \uc2dc\ub124\ub9c8\ud2f1 \ud314\ub808\ud2b8\ub97c \uc0ac\uc6a9\ud574 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":11008,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[4,620],"tags":[40,69,97,156,159,171,758,763,770,776,777,778],"class_list":["post-11002","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news","category-brand","tag-bx","tag-69","tag-97","tag-156","tag-159","tag-graphic","tag-758","tag-763","tag-770","tag-bi","tag-ci","tag-campaign"],"acf":[],"jetpack_featured_media_url":"https:\/\/designcompass.org\/wp-content\/uploads\/2023\/02\/netflix-01.png","publishpress_future_action":{"enabled":false,"date":"2026-05-12 19:38:01","action":"change-status","newStatus":"draft","terms":[],"taxonomy":"category","extraData":[]},"publishpress_future_workflow_manual_trigger":{"enabledWorkflows":[]},"_links":{"self":[{"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/posts\/11002","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/comments?post=11002"}],"version-history":[{"count":0,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/posts\/11002\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/media\/11008"}],"wp:attachment":[{"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/media?parent=11002"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/categories?post=11002"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/tags?post=11002"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}