[ { "title": "Wolfgang Tillmans", "category": "lectures", "url": "https://www.youtube.com/watch?v=9qIaMnxiQis", "image": "images/lectures/wolf.jpg", "description": "Rapp Lecture on Contemporary Art (Art Gallery of Ontario)", "hover": [ "images/lectures/wolf1.jpg", "images/lectures/wolf2.jpg", "images/lectures/wolf3.mp4", "images/lectures/wolf4.jpg", "images/lectures/wolf5.jpg", "images/lectures/wolf6.jpg", "images/lectures/wolf7.jpg", "images/lectures/wolf8.jpg", "images/lectures/wolf9.jpg", "images/lectures/wolf10.jpg", "images/lectures/wolf11.jpg", "images/lectures/wolf12.jpg", "images/lectures/wolf14.jpg" ], "duration": "1:28:06" }, { "title": "Harriet Richardson", "category": "lectures", "url": "https://www.youtube.com/watch?v=ctD3dz7sOj4", "image": "images/lectures/harriet.jpg", "description": "From graphic design to performance art (It's Nice That)", "hover": [ "images/lectures/harriet1.jpg", "images/lectures/harriet2.mp4", "images/lectures/harriet3.jpg", "images/lectures/harriet4.jpg", "images/lectures/harriet5.jpg", "images/lectures/harriet6.jpg", "images/lectures/harriet7.mp4", "images/lectures/harriet8.jpg", "images/lectures/harriet9.jpg", "images/lectures/harriet10.jpg", "images/lectures/harriet11.jpg" ], "duration": "22:48" }, { "title": "Paula Scher", "category": "lectures", "url": "https://www.youtube.com/watch?v=HUx-bmZQsS8", "image": "images/lectures/paula.jpg", "description": "Living, Breathing Brand Identities (Adobe)", "hover": [ "images/lectures/paula1.mp4" ], "duration": "1:17:00" }, { "title": "Edith Sampson (Andrew Scott)", "category": "lectures", "url": "https://www.youtube.com/watch?v=wM_-O8GREGA", "image": "images/lectures/edith.jpg", "description": "Choose One of Five - Edith Sampson (Almeida Theatre)", "hover": [ "images/lectures/edith1.mp4" ], "duration": "13:20" }, { "title": "Virgil Abloh", "category": "lectures", "url": "https://www.youtube.com/watch?v=qie5VITX6eQ", "image": "images/lectures/virgil.jpg", "description": "“Insert Complicated Title Here” (Harvard School of Design)", "hover": [ "images/lectures/virgil1.jpg", "images/lectures/virgil2.mp4", "images/lectures/virgil3.jpg", "images/lectures/virgil4.jpg", "images/lectures/virgil5.jpg", "images/lectures/virgil6.jpg", "images/lectures/virgil7.jpg", "images/lectures/virgil8.jpg", "images/lectures/virgil9.jpg", "images/lectures/virgil10.jpg", "images/lectures/virgil11.jpg", "images/lectures/virgil12.jpg" ], "duration": "1:10:30" }, { "title": "Ben Langsfeld (BUCK)", "category": "lectures", "url": "https://www.youtube.com/watch?v=R8IwUQHERoI", "image": "images/lectures/buck.jpg", "description": "Redesigning the BUCK studio branding (It's Nice That)", "hover": [ "images/lectures/buck1.mp4" ], "duration": "16:15" }, { "title": "Alex Lin (Studio Lin)", "category": "lectures", "url": "https://www.youtube.com/watch?v=CJdP1cz0lsA", "image": "images/lectures/lin.jpg", "description": "Insights Design Series (Walker Art Center)", "hover": [ "images/lectures/lin1.mp4", "images/lectures/lin2.jpg", "images/lectures/lin3.jpg", "images/lectures/lin4.jpg", "images/lectures/lin5.jpg", "images/lectures/lin6.mp4", "images/lectures/lin7.jpg", "images/lectures/lin8.jpg", "images/lectures/lin9.mp4", "images/lectures/lin10.jpg", "images/lectures/lin11.jpg" ], "duration": "1:29:30" }, { "title": "Mitch Paone (DIA)", "category": "lectures", "url": "https://www.youtube.com/watch?v=0E2k0vyCCqE", "image": "images/lectures/mitch.jpg", "description": "Masterclass on generative identity systems and kinetic typography.", "hover": [ "images/lectures/mitch1.mp4" ], "duration": "1:30:00" }, { "title": "Na Kim", "category": "lectures", "url": "https://youtu.be/1t6z5MbG05A?si=ORR74gcyeDX45iAH", "image": "images/lectures/na.jpg", "description": "Balancing design, painting, and professional leaps (It's Nice That)", "hover": [ "images/lectures/na1.mp4" ], "duration": "17:16" }, { "title": "Chantal Jahchan", "category": "lectures", "url": "https://youtu.be/W9MQW4jeg8g?si=RLf3jn04phz3Lkaa", "image": "images/lectures/chantal.jpg", "description": "Using collage to convey a single message (It's Nice That)", "hover": [ "images/lectures/chantal1.mp4" ], "duration": "10:10" }, { "title": "Daniel Savage", "category": "lectures", "url": "https://www.youtube.com/watch?v=XSPS31a6cvI", "image": "images/lectures/savage.jpg", "description": "Pen plotter experiments into motion design (It's Nice That)", "hover": [ "images/lectures/savage1.mp4" ], "duration": "10:55" }, { "title": "Bráulio Amado", "category": "lectures", "url": "https://youtu.be/5bKGKwt_DQc?si=lflJ5EKcDSjXDKH0", "image": "images/lectures/braulio.jpg", "description": "A decade of posters, remixing, and attention (It's Nice That)", "hover": [ "images/lectures/braulio1.mp4", "images/lectures/braulio2.jpg", "images/lectures/braulio3.jpg", "images/lectures/braulio4.jpg", "images/lectures/braulio5.jpg", "images/lectures/braulio6.jpg", "images/lectures/braulio7.jpg", "images/lectures/braulio8.jpg", "images/lectures/braulio9.jpg", "images/lectures/braulio10.mp4" ], "duration": "28:39" }, { "title": "Alex Tan (Mouthwash Studios)", "category": "lectures", "url": "https://youtu.be/w4E6jcjExXM?si=_XTaLWhrg_lbT4TA", "image": "images/lectures/alex.jpg", "description": "Building a studio across multiple mediums (It's Nice That)", "hover": [ "images/lectures/alex1.mp4", "images/lectures/alex2.jpg", "images/lectures/alex3.jpg", "images/lectures/alex4.jpg", "images/lectures/alex5.jpg", "images/lectures/alex6.jpg", "images/lectures/alex7.jpg", "images/lectures/alex8.mp4" ], "duration": "29:11" }, { "title": "Little Troop", "category": "lectures", "url": "https://youtu.be/yRx1Gvzj_VQ?si=Y9qVjEHw5MinKv-Z", "image": "images/lectures/troop.jpg", "description": "Playful design shaped by kids and nature (It's Nice That)", "hover": [ "images/lectures/troop1.mp4" ], "duration": "14:04" }, { "title": "Poupay", "category": "lectures", "url": "https://youtu.be/8WEuJjJjp5Q?si=b6dV6_RQEWQe9E1G", "image": "images/lectures/poupay.jpg", "description": "From street photography to the Oscars (It's Nice That)", "hover": [ "images/lectures/poupay1.jpg", "images/lectures/poupay2.jpg", "images/lectures/poupay4.jpg", "images/lectures/poupay5.jpg", "images/lectures/poupay6.jpg", "images/lectures/poupay7.jpg", "images/lectures/poupay8.jpg", "images/lectures/poupay9.jpg", "images/lectures/poupay10.jpg", "images/lectures/poupay11.jpg", "images/lectures/poupay12.jpg" ], "duration": "10:13" }, { "title": "Sophie Mascatello (Mythology)", "category": "lectures", "url": "https://www.youtube.com/watch?v=9SlMpgvbq34", "image": "images/lectures/myth.jpg", "description": "How to build an iconic brand (It's Nice That)", "hover": [ "images/lectures/myth1.mp4" ], "duration": "13:26" }, { "title": "Matt Curtis (Uncommon)", "category": "lectures", "url": "https://www.youtube.com/watch?v=jnRCVX8Fh1c", "image": "images/lectures/matt.jpg", "description": "Simple, sharp ideas across major brands.", "hover": [ "images/lectures/matt1.mp4" ], "duration": "14:44" }, { "title": "Mark Bradford", "category": "lectures", "url": "https://www.youtube.com/watch?v=G4isoSmHKiU", "image": "images/lectures/mark.jpg", "description": "Artist's Talk: In Conversation (TATE)", "hover": [ "images/lectures/mark1.mp4" ], "duration": "1:18:26" }, { "title": "Neil Gaiman", "category": "lectures", "url": "https://www.youtube.com/watch?v=ikAb-NYkseI", "image": "images/lectures/neil.jpg", "description": "Make Good Art (University of the Arts)", "hover": [ "images/lectures/neil1.mp4" ], "duration": "19:55" }, { "title": "Michael Bierut", "category": "lectures", "url": "https://www.youtube.com/watch?v=RanfCx18gi4", "image": "images/lectures/bierut.jpg", "description": "How to think like a designer (Design Indaba)", "hover": [ "images/lectures/bierut1.mp4", "images/lectures/bierut2.jpg", "images/lectures/bierut3.jpg", "images/lectures/bierut4.jpg", "images/lectures/bierut5.jpg", "images/lectures/bierut6.jpg", "images/lectures/bierut7.jpg", "images/lectures/bierut8.jpg", "images/lectures/bierut9.jpg", "images/lectures/bierut10.jpg" ], "duration": "39:15" }, { "title": "Design Rules You Can Follow Everytime", "category": "theory", "url": "https://anthonyhobday.com/sideprojects/saferules/", "image": "images/theory/vis.jpg", "description": "Pragmatic, rule-based framework for structural harmony in UI design.", "hover": [ "images/theory/vis1.jpg", "images/theory/vis2.jpg", "images/theory/vis3.jpg", "images/theory/vis4.jpg", "images/theory/vis5.jpg", "images/theory/vis6.jpg", "images/theory/vis7.jpg", "images/theory/vis8.jpg", "images/theory/vis9.jpg" ] }, { "title": "Ram's Principles for Good Design", "category": "theory", "url": "https://www.vitsoe.com/us/about/good-design", "image": "images/theory/rams.jpg", "description": "Foundational principles defining the ethical and aesthetic imperatives of good design.", "hover": [ "images/theory/rams1.jpg", "images/theory/rams2.jpg", "images/theory/rams3.jpg", "images/theory/rams4.jpg", "images/theory/rams5.jpg", "images/theory/rams6.jpg", "images/theory/rams7.jpg" ] }, { "title": "Visual Concepts", "category": "theory", "url": "https://anthonyhobday.com/sideprojects/visualconcepts/", "image": "images/theory/concepts.jpg", "description": "Analytical exploration of core visual principles dictating effective graphic communication.", "hover": [ "images/theory/concepts1.mp4" ] }, { "title": "Humane by Design", "category": "theory", "url": "https://humanebydesign.com/", "image": "images/theory/humane.jpg", "description": "Framework for designing ethically humane digital products focused on user well-being.", "hover": [ "images/theory/humane1.jpg", "images/theory/humane2.jpg", "images/theory/humane3.jpg", "images/theory/humane4.jpg", "images/theory/humane5.jpg", "images/theory/humane6.jpg", "images/theory/humane7.jpg" ] }, { "title": "Design Manifestos", "category": "theory", "url": "https://designmanifestos.org/", "image": "images/theory/manifestos.jpg", "description": "Archive of manifestos codifying the intent behind design practices.", "hover": [ "images/theory/manifestos1.jpg" ] }, { "title": "Laws of UX", "category": "theory", "url": "https://lawsofux.com/", "image": "images/theory/ux.jpg", "description": "Definitive guide to the psychological heuristics governing intuitive user experiences.", "hover": [ "images/theory/ux1.jpg", "images/theory/ux2.jpg", "images/theory/ux3.jpg", "images/theory/ux4.jpg", "images/theory/ux5.jpg", "images/theory/ux6.jpg", "images/theory/ux7.jpg", "images/theory/ux8.jpg", "images/theory/ux9.jpg", "images/theory/ux10.jpg" ] }, { "title": "Design Kit", "category": "theory", "url": "https://www.designkit.org/methods.html", "image": "images/theory/kit.jpg", "description": "Toolkit for implementing human-centered design methodologies in complex problem-solving.", "hover": [ "images/theory/kit1.jpg" ] }, { "title": "Design Principles", "category": "theory", "url": "https://principles.design/", "image": "images/theory/dp.jpg", "description": "Open-source collection of foundational principles guiding effective digital design systems.", "hover": [ "images/theory/dp1.jpg" ] }, { "title": "Untools", "category": "theory", "url": "https://untools.co/", "image": "images/theory/untools.jpg", "description": "Curated collection of mental models and frameworks for rigorous systems thinking.", "hover": [ "images/theory/untools1.jpg", "images/theory/untools2.jpg", "images/theory/untools3.jpg", "images/theory/untools4.jpg", "images/theory/untools5.jpg", "images/theory/untools6.jpg", "images/theory/untools7.jpg", "images/theory/untools8.jpg", "images/theory/untools9.jpg", "images/theory/untools10.jpg", "images/theory/untools11.jpg" ] }, { "title": "Pentagram", "category": "studios", "url": "https://www.pentagram.com/", "image": "images/studios/pentagram.jpg", "description": "The world's largest independent design consultancy, structured as a federation of autonomous partners.", "hover": [ "images/studios/pentagram1.mp4", "images/studios/pentagram2.mp4", "images/studios/pentagram3.jpg", "images/studios/pentagram4.mp4", "images/studios/pentagram5.mp4", "images/studios/pentagram6.mp4", "images/studios/pentagram7.mp4", "images/studios/pentagram8.jpg", "images/studios/pentagram9.mp4" ] }, { "title": "Wolff Olins", "category": "studios", "url": "https://wolffolins.com/", "image": "images/studios/wolff.jpg", "description": "Global brand consultancy behind identity systems at Uber, (RED), and the London 2012 Olympic Games.", "hover": [ "images/studios/wolff1.mp4" ] }, { "title": "Olssøn Barbieri", "category": "studios", "url": "https://olssonbarbieri.com/", "image": "images/studios/ob.jpg", "description": "Specialists in structural packaging and historical identities for spirits.", "hover": [ "images/studios/ob1.jpg", "images/studios/ob2.mp4", "images/studios/ob3.jpg", "images/studios/ob4.jpg", "images/studios/ob5.mp4", "images/studios/ob6.jpg", "images/studios/ob7.mp4", "images/studios/ob8.jpg", "images/studios/ob9.jpg", "images/studios/ob10.mp4" ] }, { "title": "BUCK", "category": "studios", "url": "https://buck.co/", "image": "images/studios/buck.jpg", "description": "Animation powerhouse driving the commercial 2D and 3D motion vernacular.", "hover": [ "images/studios/buck1.mp4" ] }, { "title": "Mouthwash Studio", "category": "studios", "url": "https://mouthwash.studio/", "image": "images/studios/mouthwash.jpg", "description": "Practice defined by its austere, brutalist approach to web and art direction.", "hover": [ "images/studios/mouthwash1.mp4" ] }, { "title": "Gander", "category": "studios", "url": "https://takeagander.com/", "image": "images/studios/gander.jpg", "description": "Defining the 'Brooklyn aesthetic' with illustration-heavy CPG branding.", "hover": [ "images/studios/gander1.gif", "images/studios/gander2.mp4", "images/studios/gander3.jpg", "images/studios/gander4.jpg", "images/studios/gander5.jpg", "images/studios/gander6.jpg", "images/studios/gander7.jpg", "images/studios/gander8.jpg", "images/studios/gander9.jpg" ] }, { "title": "MØRNING", "category": "studios", "url": "https://morning.fyi/", "image": "images/studios/morning.jpg", "description": "Culturally-embedded strategy shop focusing on subculture integration.", "hover": [ "images/studios/morning1.mp4" ] }, { "title": "Ragged Edge", "category": "studios", "url": "https://raggededge.com/", "image": "images/studios/ragged.jpg", "description": "Agency specializing in aggressive, strategically disruptive startup rebrands.", "hover": [ "images/studios/ragged1.mp4" ] }, { "title": "HUGE", "category": "studios", "url": "https://www.hugeinc.com/", "image": "images/studios/huge.jpg", "description": "Legacy digital agency that pioneered user-centric UX at an enterprise scale.", "hover": [ "images/studios/huge1.mp4" ] }, { "title": "AKQA", "category": "studios", "url": "https://www.akqa.com/", "image": "images/studios/akqa.jpg", "description": "Digital agency that helped define the standard for interactive web experiences.", "hover": [ "images/studios/akqa1.mp4" ] }, { "title": "Little Troop", "category": "studios", "url": "https://littletroop.com/", "image": "images/studios/littletroop.jpg", "description": "Lean studio known for saturated, internet-native identities and web design.", "hover": [ "images/studios/littletroop1.jpg", "images/studios/littletroop2.jpg", "images/studios/littletroop3.jpg", "images/studios/littletroop4.jpg", "images/studios/littletroop5.jpg", "images/studios/littletroop6.jpg", "images/studios/littletroop7.jpg", "images/studios/littletroop8.jpg", "images/studios/littletroop9.jpg", "images/studios/littletroop10.jpg" ] }, { "title": "Works", "category": "studios", "url": "https://works.studio/", "image": "images/studios/works.jpg", "description": "Practice blurring the lines between art direction and industrial design.", "hover": [ "images/studios/works1.mp4" ] }, { "title": "17 Agency", "category": "studios", "url": "https://www.seventeenagency.com/", "image": "images/studios/17.jpg", "description": "London agency with unconventional solutions that always seem to elicit a \"wow\".", "hover": [ "images/studios/171.mp4" ] }, { "title": "Base Design", "category": "studios", "url": "https://www.basedesign.com/", "image": "images/studios/base.jpg", "description": "Brussels-founded studio with a distinctly continental sensibility and strong editorial design practice.", "hover": [ "images/studios/base1.jpg", "images/studios/base2.jpg", "images/studios/base3.jpg", "images/studios/base4.jpg", "images/studios/base5.jpg", "images/studios/base6.jpg", "images/studios/base7.jpg", "images/studios/base8.jpg", "images/studios/base9.jpg", "images/studios/base10.jpg", "images/studios/base11.jpg" ] }, { "title": "Monogram Paris", "category": "studios", "url": "https://monogram-paris.com/", "image": "images/studios/mono.jpg", "description": "A Parisian design studio specializing in elegant brand identities and sophisticated art direction.", "hover": [ "images/studios/mono1.jpg", "images/studios/mono2.jpg", "images/studios/mono3.jpg", "images/studios/mono4.jpg", "images/studios/mono5.jpg", "images/studios/mono6.jpg", "images/studios/mono7.jpg" ] }, { "title": "Tendril", "category": "studios", "url": "https://tendril.studio/", "image": "images/studios/tendril.jpg", "description": "CGI studio specializing in hyper-real material studies and tech hardware.", "hover": [ "images/studios/tendril1.mp4" ] }, { "title": "DIA", "category": "studios", "url": "https://dia.tv/", "image": "images/studios/dia.jpg", "description": "Pioneers of kinetic typography and generative identity systems.", "hover": [ "images/studios/dia1.mp4" ] }, { "title": "Collins", "category": "studios", "url": "https://wearecollins.com/", "image": "images/studios/collins.jpg", "description": "New York and San Francisco studio leading brand transformation for clients like Spotify and Instagram.", "hover": [ "images/studios/collins1.mp4" ] }, { "title": "MATTE", "category": "studios", "url": "https://matteprojects.com/", "image": "images/studios/matte.jpg", "description": "Experiential agency bridging high fashion and luxury brand activations.", "hover": [ "images/studios/matte1.mp4" ] }, { "title": "AUGE", "category": "studios", "url": "https://auge-design.com/", "image": "images/studios/auge.jpg", "description": "Italian studio renowned for its memorable branding and innovative packaging solutions.", "hover": [ "images/studios/auge1.mp4" ] }, { "title": "Nemesis", "category": "studios", "url": "https://nemesis.global/", "image": "images/studios/nemesis.jpg", "description": "Strategic think-tank blending cultural theory and urbanism for positioning.", "hover": [ "images/studios/nemesis1.jpg", "images/studios/nemesis2.jpg", "images/studios/nemesis3.jpg", "images/studios/nemesis4.jpg", "images/studios/nemesis5.jpg", "images/studios/nemesis6.jpg", "images/studios/nemesis7.jpg", "images/studios/nemesis8.jpg" ] }, { "title": "Koto", "category": "studios", "url": "https://koto.com/", "image": "images/studios/koto.jpg", "description": "Dominant force in tech branding, favoring hyper-minimalist visual systems.", "hover": [ "images/studios/koto1.mp4" ] }, { "title": "From Form", "category": "studios", "url": "https://fromform.nl/", "image": "images/studios/from.jpg", "description": "Studio defined by tactile, meticulously art-directed set design and motion.", "hover": [ "images/studios/from1.mp4" ] }, { "title": "OK-RM", "category": "studios", "url": "https://www.ok-rm.co.uk/", "image": "images/studios/okrm.jpg", "description": "Rigorous practice known for avant-garde editorial and conceptual identities.", "hover": [ "images/studios/okrm1.jpg", "images/studios/okrm2.jpg", "images/studios/okrm3.jpg", "images/studios/okrm4.jpg", "images/studios/okrm5.jpg", "images/studios/okrm6.jpg", "images/studios/okrm7.jpg", "images/studios/okrm8.jpg", "images/studios/okrm9.jpg", "images/studios/okrm10.jpg" ] }, { "title": "OK COOL", "category": "studios", "url": "https://www.okcool.io/", "image": "images/studios/cool.jpg", "description": "Social-first agency defining the visual vernacular of brands on TikTok.", "hover": [ "images/studios/cool1.mp4" ] }, { "title": "OMSE", "category": "studios", "url": "https://www.omse.co/", "image": "images/studios/omse.jpg", "description": "Typography-led studio known for bold, utilitarian identities and custom type.", "hover": [ "images/studios/omse1.jpg", "images/studios/omse2.jpg", "images/studios/omse3.jpg", "images/studios/omse4.jpg", "images/studios/omse5.mp4", "images/studios/omse6.jpg", "images/studios/omse7.jpg", "images/studios/omse8.jpg", "images/studios/omse9.jpg" ] }, { "title": "Something Special Studios", "category": "studios", "url": "https://somethingspecialstudios.com/", "image": "images/studios/sss.jpg", "description": "Multidisciplinary practice known for hype-driven brand collaborations.", "hover": [ "images/studios/sss1.mp4" ] }, { "title": "72 and Sunny", "category": "studios", "url": "https://www.72andsunny.com/", "image": "images/studios/72andsunny.jpg", "description": "Advertising network known for high-budget, celebrity-driven flashpoints.", "hover": [ "images/studios/72andsunny1.mp4" ] }, { "title": "2x4", "category": "studios", "url": "https://2x4.org/", "image": "images/studios/2x4.jpg", "description": "Influential studio bridging architectural theory and environmental graphics.", "hover": [ "images/studios/2x41.jpg", "images/studios/2x42.jpg", "images/studios/2x43.jpg", "images/studios/2x44.jpg", "images/studios/2x45.mp4", "images/studios/2x46.jpg", "images/studios/2x47.jpg", "images/studios/2x48.mp4", "images/studios/2x49.jpg" ] }, { "title": "Porto Rocha", "category": "studios", "url": "https://portorocha.com/", "image": "images/studios/portorocha.jpg", "description": "Brooklyn studio shaping contemporary aesthetics with loud, typographic systems.", "hover": [ "images/studios/portorocha1.jpg", "images/studios/portorocha2.jpg", "images/studios/portorocha3.jpg", "images/studios/portorocha4.jpg", "images/studios/portorocha5.jpg", "images/studios/portorocha6.jpg", "images/studios/portorocha7.jpg", "images/studios/portorocha8.jpg", "images/studios/portorocha9.jpg", "images/studios/portorocha10.jpg" ] }, { "title": "Furniture", "category": "studios", "url": "https://www.furniture.xyz/", "image": "images/studios/furniture.jpg", "description": "Typography as brand.", "hover": [ "images/studios/furniture1.mp4" ] }, { "title": "Daily Dialogue", "category": "studios", "url": "https://dailydialogue.cc/", "image": "images/studios/daily.jpg", "description": "Typography-driven practice focusing on nuanced cultural sector identities.", "hover": [ "images/studios/daily1.mp4", "images/studios/daily2.jpg", "images/studios/daily3.mp4", "images/studios/daily4.jpg", "images/studios/daily5.jpg", "images/studios/daily6.jpg", "images/studios/daily7.jpg" ] }, { "title": "Wonderhood Studios", "category": "studios", "url": "https://wonderhoodstudios.com/", "image": "images/studios/wonder.jpg", "description": "Hybrid creative agency and television production studio in London.", "hover": [ "images/studios/wonder1.mp4" ] }, { "title": "Oddfellows", "category": "studios", "url": "https://oddfellows.tv/", "image": "images/studios/odd.jpg", "description": "Animation studio celebrated for its character-driven, stylized illustration.", "hover": [ "images/studios/odd1.mp4" ] }, { "title": "FROMM Studio", "category": "studios", "url": "https://fromm.studio/", "image": "images/studios/fromm.jpg", "description": "Hyper-stylized 3D design practice known for surreal, camp-inflected spaces.", "hover": [ "images/studios/fromm1.mp4" ] }, { "title": "Cotton Design", "category": "studios", "url": "https://cotton.design/", "image": "images/studios/cotton.jpg", "description": "Innovative approach to design and branding through technology, data, and custom tools.", "hover": [ "images/studios/cotton1.mp4", "images/studios/cotton2.jpg", "images/studios/cotton3.jpg", "images/studios/cotton4.jpg", "images/studios/cotton5.jpg", "images/studios/cotton6.jpg" ] }, { "title": "Area17", "category": "studios", "url": "https://area17.com/", "image": "images/studios/area.jpg", "description": "Digital product agency known for robust, highly structured editorial platforms.", "hover": [ "images/studios/area1.jpg", "images/studios/area2.jpg", "images/studios/area3.jpg", "images/studios/area4.mp4", "images/studios/area5.jpg", "images/studios/area6.jpg", "images/studios/area7.jpg" ] }, { "title": "Studio Lin", "category": "studios", "url": "https://studiolin.org/", "image": "images/studios/lin.jpg", "description": "New York studio studio specializing in typography driven book and editorial deisgn.", "hover": [ "images/studios/lin1.jpg", "images/studios/lin2.jpg", "images/studios/lin3.jpg", "images/studios/lin4.jpg", "images/studios/lin5.jpg", "images/studios/lin6.jpg", "images/studios/lin7.jpg", "images/studios/lin8.jpg", "images/studios/lin9.jpg", "images/studios/lin10.jpg" ] }, { "title": "DDBBMM", "category": "studios", "url": "https://ddbbmm.kr/", "image": "images/studios/dd.jpg", "description": "Graphic design studio based in Seoul, South Korea, run by Kim Kangin and Lee Yunho.", "hover": [ "images/studios/dd1.jpg", "images/studios/dd1.mp4" ] }, { "title": "Dinamo", "category": "foundries", "url": "https://abcdinamo.com/", "image": "images/type/dinamo.jpg", "description": "Zurich and Berlin foundry with an experimental streak and a strong variable font publishing practice.", "hover": [ "images/type/dinamo1.jpg", "images/type/dinamo2.jpg", "images/type/dinamo3.jpg", "images/type/dinamo4.jpg", "images/type/dinamo5.jpg", "images/type/dinamo6.jpg", "images/type/dinamo7.jpg", "images/type/dinamo8.jpg", "images/type/dinamo9.jpg", "images/type/dinamo10.jpg" ] }, { "title": "Store Norske Skriftkompani", "category": "foundries", "url": "https://skriftkompani.no/", "image": "images/type/store.jpg", "description": "Solo Norwegian foundry building sharp contemporary typefaces from Scandinavia's cultural memory.", "hover": [ "images/type/store1.jpg", "images/type/store2.jpg", "images/type/store3.jpg", "images/type/store4.jpg", "images/type/store5.jpg", "images/type/store6.jpg", "images/type/store7.jpg", "images/type/store8.jpg", "images/type/store9.jpg" ] }, { "title": "Extraset", "category": "foundries", "url": "https://extraset.ch/", "image": "images/type/extra.jpg", "description": "Swiss foundry producing expansive, technically rigorous variable sans-serifs.", "hover": [ "images/type/extra1.jpg", "images/type/extra2.jpg", "images/type/extra3.jpg", "images/type/extra4.jpg", "images/type/extra5.jpg", "images/type/extra6.jpg", "images/type/extra7.jpg", "images/type/extra8.jpg" ] }, { "title": "Displaay", "category": "foundries", "url": "https://displaay.net/", "image": "images/type/displaay.jpg", "description": "Prague-based practice creating idiosyncratic, retail-ready display faces.", "hover": [ "images/type/displaay1.jpg", "images/type/displaay2.jpg", "images/type/displaay3.jpg", "images/type/displaay4.jpg", "images/type/displaay5.jpg", "images/type/displaay6.jpg", "images/type/displaay7.jpg", "images/type/displaay8.jpg" ] }, { "title": "NaN", "category": "foundries", "url": "https://www.nan.xyz/", "image": "images/type/nan.jpg", "description": "Berlin-based foundry producing formally subversive and highly experimental letterforms.", "hover": [ "images/type/nan1.jpg", "images/type/nan2.jpg", "images/type/nan3.jpg", "images/type/nan4.jpg", "images/type/nan5.jpg", "images/type/nan6.jpg", "images/type/nan7.jpg", "images/type/nan8.jpg", "images/type/nan9.jpg" ] }, { "title": "Pangram Pangram", "category": "foundries", "url": "https://pangrampangram.com/", "image": "images/type/panagram.jpg", "description": "Montreal foundry releasing confident display faces and distinctive sans families for contemporary use.", "hover": [ "images/type/panagram1.jpg", "images/type/panagram2.jpg", "images/type/panagram3.jpg", "images/type/panagram4.jpg", "images/type/panagram5.jpg", "images/type/panagram6.jpg", "images/type/panagram7.jpg", "images/type/panagram8.jpg", "images/type/panagram9.jpg" ] }, { "title": "ALT.tf", "category": "foundries", "url": "https://alt-tf.com/", "image": "images/type/alt.jpg", "description": "Global initiative championing the typographic work of women.", "hover": [ "images/type/alt1.jpg", "images/type/alt2.jpg", "images/type/alt3.jpg", "images/type/alt4.jpg", "images/type/alt5.jpg", "images/type/alt6.jpg", "images/type/alt7.jpg", "images/type/alt8.jpg" ] }, { "title": "Klim", "category": "foundries", "url": "https://klim.co.nz/", "image": "images/type/klim.jpg", "description": "Wellington-based foundry celebrated for disciplined revivals and systematic text faces.", "hover": [ "images/type/klim1.jpg", "images/type/klim2.jpg", "images/type/klim3.jpg", "images/type/klim4.jpg", "images/type/klim5.jpg", "images/type/klim6.jpg", "images/type/klim7.jpg", "images/type/klim8.jpg", "images/type/klim9.jpg" ] }, { "title": "Not Your Type", "category": "foundries", "url": "https://www.notyourtype.nl/", "image": "images/type/not.jpg", "description": "Dutch foundry focused on expressive, contemporary letterforms.", "hover": [ "images/type/not1.jpg", "images/type/not2.jpg", "images/type/not3.jpg", "images/type/not4.jpg", "images/type/not5.jpg", "images/type/not6.jpg", "images/type/not7.jpg", "images/type/not8.jpg" ] }, { "title": "Sharp Type", "category": "foundries", "url": "https://www.sharptype.co/", "image": "images/type/sharp.jpg", "description": "New York foundry producing high-craft retail typefaces with a strong editorial and fashion practice.", "hover": [ "images/type/sharp1.jpg", "images/type/sharp2.jpg", "images/type/sharp3.jpg", "images/type/sharp4.jpg", "images/type/sharp5.jpg", "images/type/sharp6.jpg", "images/type/sharp7.jpg", "images/type/sharp8.jpg", "images/type/sharp9.jpg" ] }, { "title": "Metis", "category": "foundries", "url": "https://metis-foundry.com/", "image": "images/type/metis.jpg", "description": "Illegible, but refreshingly original. For designers who want to \"make something strange\".", "hover": [ "images/type/metis1.jpg", "images/type/metis2.jpg", "images/type/metis3.jpg", "images/type/metis4.jpg", "images/type/metis5.jpg", "images/type/metis6.jpg", "images/type/metis7.jpg", "images/type/metis8.jpg", "images/type/metis9.jpg" ] }, { "title": "Lineto", "category": "foundries", "url": "https://lineto.com/", "image": "images/type/lineto.jpg", "description": "Swiss foundry with a deep and idiosyncratic catalog.", "hover": [ "images/type/lineto1.jpg", "images/type/lineto2.jpg", "images/type/lineto3.jpg", "images/type/lineto4.jpg", "images/type/lineto5.jpg", "images/type/lineto6.jpg", "images/type/lineto7.jpg" ] }, { "title": "OH no Type", "category": "foundries", "url": "https://ohnotype.co/", "image": "images/type/ohno.jpg", "description": "Oakland foundry with eccentric display families and rigorous text faces.", "hover": [ "images/type/ohno1.jpg", "images/type/ohno2.jpg", "images/type/ohno3.jpg", "images/type/ohno4.jpg", "images/type/ohno5.jpg", "images/type/ohno6.jpg", "images/type/ohno7.jpg", "images/type/ohno8.jpg", "images/type/ohno9.jpg" ] }, { "title": "MCKL Type", "category": "foundries", "url": "https://www.mckltype.com/", "image": "images/type/mckl.jpg", "description": "Los Angeles foundry with text and display families ranging from neutral to eccentric.", "hover": [ "images/type/mckl1.jpg", "images/type/mckl2.jpg", "images/type/mckl3.jpg", "images/type/mckl4.jpg", "images/type/mckl5.jpg", "images/type/mckl6.jpg", "images/type/mckl7.jpg", "images/type/mckl8.jpg", "images/type/mckl9.jpg" ] }, { "title": "Commercial Type", "category": "foundries", "url": "https://commercialtype.com", "image": "images/type/com.jpg", "description": "Foundry celebrated for meticulous revivals and newspaper typefaces.", "hover": [ "images/type/com1.jpg", "images/type/com2.jpg", "images/type/com3.jpg", "images/type/com4.jpg", "images/type/com5.jpg", "images/type/com6.jpg", "images/type/com7.jpg", "images/type/com8.jpg", "images/type/com9.jpg" ] }, { "title": "British Standard Type", "category": "foundries", "url": "https://www.britishstandardtype.xyz/", "image": "images/type/bst.jpg", "description": "London foundry producing typefaces grounded in history and refined for contemporary use.", "hover": [ "images/type/bst1.jpg", "images/type/bst2.jpg", "images/type/bst3.jpg", "images/type/bst4.jpg", "images/type/bst5.jpg", "images/type/bst6.jpg", "images/type/bst7.jpg", "images/type/bst8.jpg" ] }, { "title": "Rosetta", "category": "foundries", "url": "https://rosettatype.com/", "image": "images/type/ros.jpg", "description": "European foundry specializing in meticulous, extensive multi-script typography.", "hover": [ "images/type/ros1.jpg", "images/type/ros2.jpg", "images/type/ros3.jpg", "images/type/ros4.jpg", "images/type/ros5.jpg", "images/type/ros6.jpg", "images/type/ros7.jpg", "images/type/ros8.jpg" ] }, { "title": "Superior Type", "category": "foundries", "url": "https://superiortype.com/", "image": "images/type/sup.jpg", "description": "Comprehensive catalog of on-trend modern typefaces with mid-tier pricing.", "hover": [ "images/type/sup1.jpg", "images/type/sup2.jpg", "images/type/sup3.jpg", "images/type/sup4.jpg", "images/type/sup5.jpg", "images/type/sup6.jpg", "images/type/sup7.jpg", "images/type/sup8.jpg", "images/type/sup9.jpg", "images/type/sup10.jpg" ] }, { "title": "Grilli Type", "category": "foundries", "url": "https://www.grillitype.com/", "image": "images/type/grilli.jpg", "description": "Swiss foundry known for contemporary interpretations of grotesques and expressive display families.", "hover": [ "images/type/grilli1.jpg", "images/type/grilli2.jpg", "images/type/grilli3.jpg", "images/type/grilli4.jpg", "images/type/grilli5.jpg", "images/type/grilli6.jpg", "images/type/grilli7.jpg", "images/type/grilli8.jpg", "images/type/grilli9.jpg" ] }, { "title": "PFA Typefaces", "category": "foundries", "url": "https://pfa-typefaces.com/", "image": "images/type/pfa.jpg", "description": "Berlin-based foundry offering robust retail and bespoke typefaces.", "hover": [ "images/type/pfa1.jpg", "images/type/pfa2.jpg", "images/type/pfa3.jpg", "images/type/pfa4.jpg", "images/type/pfa5.jpg", "images/type/pfa6.jpg", "images/type/pfa7.jpg", "images/type/pfa8.jpg", "images/type/pfa9.jpg" ] }, { "title": "Hot Type", "category": "foundries", "url": "https://hottype.co/", "image": "images/type/hot.jpg", "description": "Croatian foundry exploring novelty and historical reference in contemporary type.", "hover": [ "images/type/hot1.jpg", "images/type/hot2.jpg", "images/type/hot3.jpg", "images/type/hot4.jpg", "images/type/hot5.jpg", "images/type/hot6.jpg", "images/type/hot7.jpg", "images/type/hot8.jpg", "images/type/hot9.jpg" ] }, { "title": "Gradient", "category": "foundries", "url": "https://www.wearegradient.net/", "image": "images/type/gradient.jpg", "description": "Norwegian agency balancing typographic curiosity with strict technical restraint.", "hover": [ "images/type/gradient1.jpg", "images/type/gradient2.jpg", "images/type/gradient3.jpg", "images/type/gradient4.jpg", "images/type/gradient5.jpg", "images/type/gradient6.jpg", "images/type/gradient7.jpg", "images/type/gradient8.jpg" ] }, { "title": "Mass-Driver", "category": "foundries", "url": "https://mass-driver.com/", "image": "images/type/md.jpg", "description": "Hague-based foundry emphasizing structural research and craft in robust, functional typefaces.", "hover": [ "images/type/md1.jpg", "images/type/md2.jpg", "images/type/md3.jpg", "images/type/md4.jpg", "images/type/md5.jpg", "images/type/md6.jpg", "images/type/md7.jpg", "images/type/md8.jpg", "images/type/md9.jpg" ] }, { "title": "Domicile", "category": "foundries", "url": "https://domicilefoundry.com/", "image": "images/type/dom.jpg", "description": "American foundry exploring unconventional proportions and experimental cursive traits.", "hover": [ "images/type/dom1.jpg", "images/type/dom2.jpg", "images/type/dom3.jpg", "images/type/dom4.jpg", "images/type/dom5.jpg", "images/type/dom6.jpg", "images/type/dom7.jpg", "images/type/dom8.jpg" ] }, { "title": "Otherwhere Collective", "category": "foundries", "url": "https://otherwherecollective.com/", "image": "images/type/other.jpg", "description": "US practice creating culturally resonant typefaces with humanistic traits.", "hover": [ "images/type/other1.jpg", "images/type/other2.jpg", "images/type/other3.jpg", "images/type/other4.jpg", "images/type/other5.jpg", "images/type/other6.jpg", "images/type/other7.jpg", "images/type/other8.jpg", "images/type/other9.jpg" ] }, { "title": "Binnenland", "category": "foundries", "url": "https://www.binnenland.ch/", "image": "images/type/bin.jpg", "description": "Swiss foundry known for structured, grid-conscious retail fonts and bespoke typefaces.", "hover": [ "images/type/bin1.jpg", "images/type/bin2.jpg", "images/type/bin3.jpg", "images/type/bin4.jpg", "images/type/bin5.jpg", "images/type/bin6.jpg", "images/type/bin7.jpg", "images/type/bin8.jpg" ] }, { "title": "WiseType", "category": "foundries", "url": "https://wisetype.nl/", "image": "images/type/wise.jpg", "description": "Dutch practice focused on expressive retail and custom typography.", "hover": [ "images/type/wise1.jpg", "images/type/wise2.jpg", "images/type/wise3.jpg", "images/type/wise4.jpg", "images/type/wise5.jpg", "images/type/wise6.jpg", "images/type/wise7.jpg", "images/type/wise8.jpg" ] }, { "title": "Good Type Foundry", "category": "foundries", "url": "https://goodtypefoundry.com/", "image": "images/type/good.jpg", "description": "Oslo-based foundry offering award-winning retail and custom typefaces for digital and print.", "hover": [ "images/type/good1.jpg", "images/type/good2.jpg", "images/type/good3.jpg", "images/type/good4.jpg", "images/type/good5.jpg", "images/type/good6.jpg", "images/type/good7.jpg", "images/type/good8.jpg" ] }, { "title": "Blaze Type", "category": "foundries", "url": "https://blazetype.eu/", "image": "images/type/blaze.jpg", "description": "French foundry producing robust typefaces with an ever-evolving retail catalog.", "hover": [ "images/type/blaze1.jpg", "images/type/blaze2.jpg", "images/type/blaze3.jpg", "images/type/blaze4.jpg", "images/type/blaze5.jpg", "images/type/blaze6.jpg", "images/type/blaze7.jpg", "images/type/blaze8.jpg", "images/type/blaze9.jpg", "images/type/blaze10.jpg" ] }, { "title": "Interval", "category": "foundries", "url": "https://intervaltype.com/", "image": "images/type/int.jpg", "description": "Parisian practice offering comprehensive language support across retail and custom typefaces.", "hover": [ "images/type/int1.jpg", "images/type/int2.jpg", "images/type/int3.jpg", "images/type/int4.jpg", "images/type/int5.jpg", "images/type/int6.jpg", "images/type/int7.jpg", "images/type/int8.jpg" ] }, { "title": "APK Type Foundry", "category": "foundries", "url": "https://apk-type.com/", "image": "images/type/apk.jpg", "description": "Russian foundry creating unique type families for print and digital environments.", "hover": [ "images/type/apk1.jpg", "images/type/apk2.jpg", "images/type/apk3.jpg", "images/type/apk4.jpg", "images/type/apk5.jpg", "images/type/apk6.jpg", "images/type/apk7.jpg", "images/type/apk8.jpg", "images/type/apk9.jpg", "images/type/apk10.jpg" ] }, { "title": "Plain Form", "category": "foundries", "url": "https://plain-form.com/", "image": "images/type/plain.jpg", "description": "American publisher building a space for critical and expressive approaches to typography.", "hover": [ "images/type/plain1.jpg", "images/type/plain2.jpg", "images/type/plain3.jpg", "images/type/plain4.jpg", "images/type/plain5.jpg", "images/type/plain6.jpg", "images/type/plain7.jpg", "images/type/plain8.jpg" ] }, { "title": "Setup Type", "category": "foundries", "url": "https://www.setuptype.com/", "image": "images/type/setup.jpg", "description": "Slovak foundry focusing on retail typefaces, digitization, and typographic research.", "hover": [ "images/type/setup1.jpg", "images/type/setup2.jpg", "images/type/setup3.jpg", "images/type/setup4.jpg", "images/type/setup5.jpg", "images/type/setup6.jpg", "images/type/setup7.jpg", "images/type/setup8.jpg" ] }, { "title": "Alex Lescieux", "category": "foundries", "url": "https://www.alexlescieux.com/", "image": "images/type/alex.jpg", "description": "A catalog of concrete, honest typefaces designed for straightforward graphic communication.", "hover": [ "images/type/alex1.jpg", "images/type/alex2.jpg", "images/type/alex3.jpg", "images/type/alex4.jpg", "images/type/alex5.jpg", "images/type/alex6.jpg", "images/type/alex7.jpg", "images/type/alex8.jpg", "images/type/alex9.jpg", "images/type/alex10.jpg" ] }, { "title": "Brand Archive", "category": "sources", "url": "https://brandarchive.xyz/", "image": "images/sources/brand.jpg", "description": "Curated repository of historical and contemporary brand identities.", "hover": [ "images/sources/brand1.jpg", "images/sources/brand2.jpg", "images/sources/brand3.jpg", "images/sources/brand4.jpg", "images/sources/brand5.jpg", "images/sources/brand6.jpg", "images/sources/brand7.jpg", "images/sources/brand8.jpg", "images/sources/brand9.jpg", "images/sources/brand10.jpg" ] }, { "title": "BP&O", "category": "sources", "url": "https://bpando.org/", "image": "images/sources/bpo.jpg", "description": "Rigorous reviews and critical opinions on contemporary branding and packaging." }, { "title": "It's Nice That", "category": "sources", "url": "https://www.itsnicethat.com/", "image": "images/sources/nice.jpg", "description": "Global platform championing diverse creative talent across art and design.", "hover": [ "images/sources/nice1.jpg" ] }, { "title": "Contemporary Art Daily", "category": "sources", "url": "https://www.contemporaryartdaily.com/", "image": "images/sources/cad.jpg", "description": "Essential daily record of significant contemporary art exhibitions globally.", "hover": [ "images/sources/cad1.jpg", "images/sources/cad2.jpg", "images/sources/cad3.jpg", "images/sources/cad4.jpg", "images/sources/cad5.jpg", "images/sources/cad6.jpg", "images/sources/cad7.jpg", "images/sources/cad8.jpg", "images/sources/cad9.jpg" ] }, { "title": "Fonts in use", "category": "sources", "url": "https://fontsinuse.com/", "image": "images/sources/fonts.jpg", "description": "Crowdsourced archive of typographic applications cataloged by format and industry.", "hover": [ "images/sources/fonts1.jpg" ] }, { "title": "Eyecandy", "category": "sources", "url": "https://eyecannndy.com/", "image": "images/sources/eye.jpg", "description": "Visual technique library showcasing the best in motion design and animation.", "hover": [ "images/sources/eye1.webp", "images/sources/eye2.webp", "images/sources/eye3.webp", "images/sources/eye4.webp", "images/sources/eye5.webp", "images/sources/eye6.webp", "images/sources/eye7.webp" ] }, { "title": "The Brand Identity", "category": "sources", "url": "https://the-brandidentity.com/", "image": "images/sources/identity.jpg", "description": "Editorial platform showcasing global brand identity projects." }, { "title": "Behance", "category": "sources", "url": "https://www.behance.net/", "image": "images/sources/be.jpg", "description": "Ubiquitous global portfolio network for discovering multidisciplinary creative talent." }, { "title": "Godly", "category": "sources", "url": "https://godly.website/", "image": "images/sources/godly.jpg", "description": "Hand curated website inspiration with a focus on quality over quantity.", "hover": [ "images/sources/godly1.jpg" ] }, { "title": "Mindsparkle Mag", "category": "sources", "url": "https://mindsparklemag.com/", "image": "images/sources/mind.jpg", "description": "Curated showcase of premium web design and sophisticated visual culture.", "hover": [ "images/sources/mind1.mp4" ] }, { "title": "Codrops", "category": "sources", "url": "https://tympanus.net/codrops/hub/", "image": "images/sources/co.jpg", "description": "Resource for front-end developers offering innovative tutorials and web trends." }, { "title": "Logo Archive", "category": "sources", "url": "https://www.logo-archive.org/", "image": "images/sources/logo.jpg", "description": "Curated collection of wordmarks and logomarks reduced to a single color." }, { "title": "Awwwards", "category": "sources", "url": "https://www.awwwards.com/", "image": "images/sources/www.jpg", "description": "Industry standard for recognizing technical innovation in interactive web design.", "hover": [ "images/sources/www1.jpg" ] }, { "title": "Site Inspire", "category": "sources", "url": "https://www.siteinspire.com/", "image": "images/sources/site.jpg", "description": "Filterable directory of web design inspiration categorized by style.", "hover": [ "images/sources/site1.jpg" ] }, { "title": "Hoverstat", "category": "sources", "url": "https://www.hoverstat.es/", "image": "images/sources/hover.jpg", "description": "Alternative design, code and content.", "hover": [ "images/sources/hover1.jpg" ] }, { "title": "Trendlist", "category": "sources", "url": "https://trendlist.org/", "image": "images/sources/trend.jpg", "description": "Structural analysis of recurring visual tropes in contemporary graphic design.", "hover": [ "images/sources/trend1.jpg" ] }, { "title": "Design Spells", "category": "sources", "url": "https://www.designspells.com/", "image": "images/sources/spells.jpg", "description": "Interesting collection of \"magical\" interaction patterns", "hover": [ "images/sources/spells1.jpg" ] } ]