"I love Shannon Lin"

2022-05-07 07:24:20

{{print "content"}} {{{ page_options.svg_overlay }}} {{{ page_options.local_css }}} {{#if_all backdrop backdrop_enabled}} [script type="text/json" data-set="backdrop_data">{{{stringify backdrop}}}[/script> {{/if_all}} {{/if}} "> Click ︎︎︎Hi, my name is Shannon Lin. I enjoy doing a variety of things in the graphic design and interaction design realm, as well as illustration. Usually working in editorial (or related). I can code things up in HTML, CSS and Javascript ❇️Right now, I’m mostly making illustrations (and developing a visual editorial language) for Netflix.Previously worked with: ➀ The Atlantic (Experimental Storytelling) ➁ The New York Times Magazine➂ Freelance Clients: Base Design,No Plans, Porto Rocha, + more➄ The New York Times (Digital News Design Fellow) ➆ Boon Design Please contact me atthis emailfor collabs or freelance!Resume (2022)︎︎︎Digital Editorial (mostly NYT)︎︎︎Webtoys:A living room to hang out with friends in, complete with air conditioning︎︎︎ Turn fonts into music︎︎︎Draw with emoji pixels︎︎︎My resume︎︎︎Selected Design Work:Click thumbnails to view screenshots, for tab sanityButtons for the Styles Desk︎The Office: An In-Depth Analysis of Workplace User Behavior —The New York Times︎︎︎2019A digital anthology for the pandemic︎The Decameron Project — The New York Time Magazine︎︎︎2020 Crazy CSS ︎Great Performers 2020 —The New York Times Magazine︎︎︎ 2020A rainbow pencil to draw on drawings︎The Best of Illustration 2019 —The New York Times︎︎︎2019Fun socks︎Sweatpants Forever —The New York Times Magazine︎︎︎2020Bad Bunny︎The Culture Issue: Bad Bunny —The New York Times Magazine︎︎︎2020A poetic look back at the Moon Landing︎Looking Back at People Watching the Apollo 11 Mission —The New York Times︎︎︎2019Diaries from Tahir Hamut IzgilOne by One, My Friends Were Sent to the Camps — The Atlantic︎︎︎ 2021Some Illustration:What to Know About Every Single Name Dropped in ‘Inventing Anna’︎︎︎2022Netflix Tudum So, Does the Red-Wine-and-Coke Drink in ‘Inventing Anna’ Actually Taste Good?︎︎︎2022Netflix TudumThe Biggest Betrayals of ‘Kitz’: Catfishing, Affairs, Robbery and More2022Netflix TudumHere’s How ‘Anonymously Yours’ Brings Teen Rom-Com Tropes Back to Life2022Netflix TudumRanking 7 ‘Toy Boy’ Stripteases from Sexy to Surreal︎︎︎2022Netflix TudumStraightwashing Archive 81 (Unpublished)2022Netflix TudumBenedict Cumberbatch on Repressed Sexuality in ‘The Power of the Dog’︎︎︎2022Netflix TudumdELiA*s Called and Wants Giovanna Grigio as Their Brand Ambassador︎︎︎2022Netflix TudumThe University of California Is Lying to Us︎︎︎2021The AtlanticFrench Onion SoupFully Vaccinated Is Suddenly a Much Less Useful Phrase︎︎︎2021The AtlanticWhy America Scrapped Its Pandemic Travel Bans ︎︎︎2021The Atlantic Six Rules That Will Define Our Second Pandemic Winter ︎︎︎2021The AtlanticThe Limits of Sex Positivity︎︎︎2021The AtlanticHalloween Poster2021Satanic Summer SessionsWaxing Poster2021Satanic Summer SessionsSome Art Direction:What Even is ‘The Power of the Dog’?︎︎︎2021Derek AbellaWhy Taylor Russell Feels It’s ‘A Huge Honor’ to Play Judy in ‘Lost in Space’︎︎︎2021Dakarai AkilThe Cellar by Dina Nayeri︎︎︎2020Charlotte EdeyOrigin Story by Matthew Baker︎︎︎2020Jaedoo LeeA Time of Death — THe Deathof Time by Julián Fuks︎︎︎2020Flora MottiniSleep by Uzodinma Iweala︎︎︎2020Derek Abella Earlier Work:The Design Report: Visualizing the 2018 AIGA Design Census︎Featured on AIGA Eye On Design2018 Anomie — Lunar Gala︎ 2019Signs from God︎2019Generous Feedback ︎2019 Mark [local-style="24407274"] .container_width {width: 100% /*!variable_defaults*/;}[local-style="24407274"] body {background-color: initial /*!variable_defaults*/;}[local-style="24407274"] .backdrop {width: 100% /*!background_cover*/;}[local-style="24407274"] .page {min-height: 100vh /*!page_height_100vh*/;}[local-style="24407274"] .page_background {background-color: transparent /*!page_container_bgcolor*/;}[local-style="24407274"] .content_padding {padding-top: 2rem /*!main_margin*/;padding-bottom: 2rem /*!main_margin*/;padding-left: 2rem /*!main_margin*/;padding-right: 2rem /*!main_margin*/;}[data-predefined-style="true"] [local-style="24407274"] bodycopy {font-size: 1.4rem;line-height: 1.2;}[data-predefined-style="true"] [local-style="24407274"] bodycopy a {color: #000;}[data-predefined-style="true"] [local-style="24407274"] h1 {font-size: 1.4rem;line-height: 0.6;}[data-predefined-style="true"] [local-style="24407274"] h1 a {}[data-predefined-style="true"] [local-style="24407274"] h2 {color: #000;line-height: 1.2;font-size: 1.4rem;}[data-predefined-style="true"] [local-style="24407274"] h2 a { text-decoration: none;}[data-predefined-style="true"] [local-style="24407274"] small {font-size: 1rem;line-height: 1.2;}[data-predefined-style="true"] [local-style="24407274"] small a {color: rgba(0, 0, 0, 0.76); text-decoration: underline;}[local-style="24407274"] .container {margin-left: 0 /*!content_left*/;margin-right: auto /*!content_left*/;}[data-predefined-style="true"] [local-style="24407274"] bodycopy a:hover {}[data-predefined-style="true"] [local-style="24407274"] h1 a:hover {}[data-predefined-style="true"] [local-style="24407274"] h2 a:hover {}[data-predefined-style="true"] [local-style="24407274"] small a:hover {}/* * This CSS file has been generated and is served by Cargo Collective Inc * and is authorized to be used on Cargo Collective Inc only. * * This CSS resource incorporates links to font software which is * the valuable copyrighted property of WebType LLC, The Font Bureau * and/or their suppliers. You may not * attempt to copy, install, redistribute, convert, modify or reverse * engineer this font software. Please contact WebType with any * questions: http://www.webtype.com */@font-face { font-display: block; font-family: "Neue Haas Grotesk"; src: url("https://type.cargo.site/files/NeueHaasGroteskText-Regular.woff") format("woff"); font-style: normal; font-weight: normal; unicode-range: U+0000-DFFF, U+F900-FFFD;}@font-face { font-display: block; font-family: "Neue Haas Grotesk"; src: url("https://type.cargo.site/files/NeueHaasGroteskText-Italic.woff") format("woff"); font-style: italic; font-weight: normal; unicode-range: U+0000-DFFF, U+F900-FFFD;}@font-face { font-display: block; font-family: "Neue Haas Grotesk"; src: url("https://type.cargo.site/files/NeueHaasGroteskText-Medium.woff") format("woff"); font-style: normal; font-weight: 500; unicode-range: U+0000-DFFF, U+F900-FFFD;}@font-face { font-display: block; font-family: "Neue Haas Grotesk"; src: url("https://type.cargo.site/files/NeueHaasGroteskText-MediumItalic.woff") format("woff"); font-style: italic; font-weight: 500; unicode-range: U+0000-DFFF, U+F900-FFFD;}@font-face { font-display: block; font-family: "Neue Haas Grotesk"; src: url("https://type.cargo.site/files/NeueHaasGroteskText-Bold.woff") format("woff"); font-style: normal; font-weight: bold; unicode-range: U+0000-DFFF, U+F900-FFFD;}@font-face { font-display: block; font-family: "Neue Haas Grotesk"; src: url("https://type.cargo.site/files/NeueHaasGroteskText-BoldItalic.woff") format("woff"); font-style: italic; font-weight: bold; unicode-range: U+0000-DFFF, U+F900-FFFD;}