[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"categories-en-US":3,"blog-categories-en-US":3,"resource-typewolf-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":43,"alternatives-typewolf-en-US":119,"related-resources-typewolf-en-US":180},true,{"id":5,"name":6,"slug":7,"url":8,"date_updated":9,"images_other":10,"tagline":11,"description":12,"seo":13,"features":16,"pros":23,"cons":27,"best_for":30,"cover":31,"icon":32,"pricing":33,"platform":10,"github_url":10,"twitter_url":10,"discord_url":10,"dribbble_url":10,"pricing_tiers":34,"views_count":35,"featured_rank":10,"categories":36,"tags":41,"files":10},284,"Typewolf","typewolf","https:\u002F\u002Fwww.typewolf.com\u002F","2026-06-12T06:53:37.215263+00:00",null,"Typewolf is an inspiration website focused on modern typography and web font trends, showcasing excellent font pairings used on live websites, and offering font recommendations, free font resources, and learning guides.","At its core, Typewolf features a meticulously curated typography inspiration gallery. It showcases numerous screenshots and case studies from real websites that excel in font selection and pairing. Users can browse various examples of font application across different styles and purposes, from headlines to body text, brand identity to interface elements, finding creative and aesthetically pleasing typographic solutions. Each case details the fonts used (including primary, secondary, and their loading methods) and provides links to the original websites for in-depth study.\nFont Trends and Recommendations\nTypewolf closely monitors the latest trends in typography. It regularly updates its content to showcase the most popular and favored fonts among designers. The website not only recommends well-known commercial fonts but also discovers high-quality free fonts, providing links for download or purchase. For each recommended font, Typewolf offers pairing suggestions, usage scenario analysis, and preview effects to help designers better understand and apply these fonts.\nThe platform dedicates a \"Free Fonts\" section, featuring and recommending many high-quality free fonts for commercial use. These free fonts are carefully selected and tested by Typewolf to ensure their usability and design quality. For designers with limited budgets, this is a valuable resource to find suitable fonts without compromising design quality.\nTypography Knowledge and Learning Guides\nIn addition to inspiration and resources, Typewolf provides a wealth of typography knowledge and learning guides to help designers enhance their typographic skills. This includes:\nTypography Best Practices: Guidance on how to choose fonts, create font pairings, adjust line height, kerning, and more.\nTypography Terminology Explained: Definitions of various professional typographic terms to assist newcomers.\nTools and Resource Recommendations: Suggestions for font management tools, online font testing tools, and other useful font-related resources.\nArticles and Insights: Sharing interviews with type designers, stories behind font designs, and in-depth discussions on typographic culture.\nFont Comparison and Similar Font Discovery\nTypewolf also offers a way to explore fonts; for instance, based on a font used on a website, users can discover other fonts with similar styles or view how that font appears in different design contexts. This provides designers with a broader perspective and more options when selecting fonts for their projects.",{"title":14,"meta_description":15},"Typewolf - Typewolf is an inspiration website focused on modern typography and web font trends, showcasing excellent font pairings used on live websites, and offering font recommendations, free font resources, and learning guides. | DesignToolMark","At its core, Typewolf features a meticulously curated typography inspiration gallery. It showcases numerous screenshots and case studies from real websites t...",[17,18,19,20,21,22],"Curated typography inspiration gallery showcasing real-world font pairings from live websites","Daily featured website with detailed font identification and analysis","Comprehensive font recommendation lists (Google Fonts top 40, Adobe Fonts top 40, free alternatives)","Interactive Flawless Typography Checklist — a visual master course for perfect type","Font popularity rankings and usage data tracked over multiple years","Curated site collections by category (portfolios, e-commerce, design studios)",[24,25,26],"Trusted independent resource with expert curation by Jeremiah Shoaf since 2013","Practical real-world examples make font selection decisions easier","Extensive free content including guides, cheatsheets, and bookmarklets",[28,29],"Advanced resources like the typography checklist are paid products","Limited to typography-focused content — no broader UI\u002FUX coverage","Designers and typographers seeking expert-curated font pairings, trend insights, and practical typography education","screenshots\u002Ftypewolf.webp","fedeb327-b2e4-428c-bff5-7fcd3aeba000.svg","free",{"free":3},0,[37],{"name":38,"slug":39,"sub_categories":40},"Inspiration","inspiration",[],[42],{"name":10,"slug":39},[44,66,81,93],{"id":45,"url":46,"icon":10,"name":47,"slug":48,"tags":49,"cover":62,"tagline":63,"is_featured":64,"date_created":65,"date_updated":10},862,"https:\u002F\u002Fdeveloper.apple.com\u002Fdesign\u002Fresources\u002F","Apple Design Resources","apple-design-resources",[50,52,54,56,58,60],{"seo":10,"name":51,"slug":33},"Free",{"seo":10,"name":10,"slug":53},"fonts",{"seo":10,"name":10,"slug":55},"icons",{"seo":10,"name":10,"slug":57},"mockups",{"seo":10,"name":10,"slug":59},"ui-kits",{"seo":10,"name":10,"slug":61},"design-systems","39af338d-2e06-4c05-bfcb-b33066ed9bb7.webp","Official Apple design templates, UI kits, fonts, and tools",false,"2026-07-16T01:44:01.585569+00:00",{"id":67,"url":68,"icon":10,"name":69,"slug":70,"tags":71,"cover":78,"tagline":79,"is_featured":64,"date_created":80,"date_updated":10},861,"https:\u002F\u002Fferalui.dev\u002Fgradients","FeralUI Gradient Builder","feralui-gradients",[72,73,76],{"seo":10,"name":51,"slug":33},{"seo":10,"name":74,"slug":75},"Open Source","open-source",{"seo":10,"name":10,"slug":77},"colors","7ebaf15a-33a1-4f03-bd92-88ad52b886e5.webp","Playful, physics-driven gradient builder for Tailwind CSS","2026-07-16T01:39:25.742464+00:00",{"id":82,"url":83,"icon":10,"name":84,"slug":85,"tags":86,"cover":90,"tagline":91,"is_featured":64,"date_created":92,"date_updated":10},860,"https:\u002F\u002Fviewport-ui.design\u002F","Viewport UI","viewport-ui",[87,88,89],{"seo":10,"name":51,"slug":33},{"seo":10,"name":10,"slug":59},{"seo":10,"name":10,"slug":39},"7a4e7938-e9b1-4f8b-9886-37b683ddd8f6.webp","UI curated experiences for your inspiration","2026-07-07T06:28:48.469215+00:00",{"id":94,"url":95,"icon":10,"name":96,"slug":97,"tags":98,"cover":116,"tagline":117,"is_featured":64,"date_created":118,"date_updated":10},859,"https:\u002F\u002F21st.dev\u002F","21st.dev","21st-dev",[99,102,104,105,108,109,110,112,114],{"seo":10,"name":100,"slug":101},"AI Powered","ai-powered",{"seo":10,"name":10,"slug":103},"ai",{"seo":10,"name":51,"slug":33},{"seo":10,"name":106,"slug":107},"Freemium","freemium",{"seo":10,"name":10,"slug":59},{"seo":10,"name":10,"slug":61},{"seo":10,"name":10,"slug":111},"prototyping",{"seo":10,"name":10,"slug":113},"no-code",{"seo":10,"name":10,"slug":115},"productivity","79e67612-7a6f-45be-a799-e872786fc4ed.webp","Hand-crafted React components and templates — not AI slop","2026-07-07T06:23:36.061553+00:00",[120,126,132,138,144,150,156,162,168,174],{"url":121,"name":122,"slug":123,"cover":124,"tagline":125},"https:\u002F\u002Fwww.designspiration.com\u002F","Designspiration","designspiration","screenshots\u002Fdesignspiration.webp","Designspiration is a visual inspiration platform allowing users to discover and collect design works from around the world through keywords, colors, or various combinations, covering graphic design, web design, illustration, and more.",{"url":127,"name":128,"slug":129,"cover":130,"tagline":131},"https:\u002F\u002Fthefwa.com\u002F","The FWA","the-fwa","a58d8f4f-69d2-471a-be22-f6488ffc06dc.webp","The FWA (Favorite Website Awards) is an international digital design award that celebrates and showcases pioneering and exceptionally innovative work in interactive design, web development, and digital experiences.",{"url":133,"name":134,"slug":135,"cover":136,"tagline":137},"https:\u002F\u002Fmuuuuu.org\u002F","MUUUU","muuuu","screenshots\u002Fmuuuu.webp","MUUUU.ORG is a Japanese web design gallery dedicated to collecting and showcasing high-quality website design examples from Japan and globally, providing visual inspiration and design trend references.",{"url":139,"name":140,"slug":141,"cover":142,"tagline":143},"https:\u002F\u002Fwww.itsnicethat.com\u002F","It's Nice That","it-s-nice-that","screenshots\u002Fit-s-nice-that.webp","It's Nice That is an online platform focused on global creative arts and design, providing news, interviews, and curated projects to inspire creatives.",{"url":145,"name":146,"slug":147,"cover":148,"tagline":149},"https:\u002F\u002Fwww.siteinspire.com\u002F","Siteinspire","siteinspire","d828093b-129d-44bb-b57a-5fea71108299.webp","Siteinspire is a curated web design inspiration gallery, showcasing high-quality website designs to help designers discover trends, styles, and creativity.",{"url":151,"name":152,"slug":153,"cover":154,"tagline":155},"https:\u002F\u002Fwww.awwwards.com\u002F","Awwwards","awwwards","screenshots\u002Fawwwards.webp","Awwwards is a professional web design awards and resource platform dedicated to discovering, recognizing, and promoting the world's best web design works, offering design trends, inspiration, and practical resources.",{"url":157,"name":158,"slug":159,"cover":160,"tagline":161},"https:\u002F\u002Fonepagelove.com\u002F","One Page Love","one-page-love","screenshots\u002Fone-page-love.webp","One Page Love is an inspiration gallery and resource platform dedicated to one-page website design, showcasing the world's best one-page website examples and offering design tools, templates, and tutorials to help designers create outstanding single-page experiences.",{"url":163,"name":164,"slug":165,"cover":166,"tagline":167},"https:\u002F\u002Fhttpster.net\u002F","Httpster","httpster","screenshots\u002Fhttpster.webp","Httpster is a curated website gallery that showcases one beautifully designed, detail-oriented website daily, aiming to provide continuous web design inspiration and a platform for designers and developers.",{"url":169,"name":170,"slug":171,"cover":172,"tagline":173},"https:\u002F\u002Fwww.ikesai.com\u002F","IKESAI","ikesai","screenshots\u002Fikesai.webp","IKESAI is an inspiration gallery showcasing carefully selected outstanding Japanese web design cases, focusing on websites with high-quality visuals and innovative interactions, providing references and learning resources for designers.",{"url":175,"name":176,"slug":177,"cover":178,"tagline":179},"https:\u002F\u002Fcraftwork.design\u002F","Craftwork Design","craftwork-design","screenshots\u002Fcraftwork-design.webp","Craftwork Design is a platform offering high-quality design resources such as UI kits, illustrations, icons, mockups, and presentation templates, aimed at helping designers and businesses enhance project efficiency and visual appeal.",[181,186,196],{"url":83,"icon":10,"name":84,"slug":85,"tags":182,"cover":90,"tagline":91,"is_featured":64,"date_created":92,"date_updated":10},[183,184,185],{"seo":10,"name":51,"slug":33},{"seo":10,"name":10,"slug":59},{"seo":10,"name":10,"slug":39},{"url":187,"icon":10,"name":188,"slug":189,"tags":190,"cover":193,"tagline":194,"is_featured":64,"date_created":195,"date_updated":10},"https:\u002F\u002Fscreensiz.es\u002F","Screensiz.es","screensiz-es",[191,192],{"seo":10,"name":51,"slug":33},{"seo":10,"name":10,"slug":39},"b56672d4-1eab-4481-a3f5-4440977fb881.webp","Device screen sizes and viewport reference","2026-06-24T04:30:50.994519+00:00",{"url":197,"icon":10,"name":198,"slug":199,"tags":200,"cover":205,"tagline":206,"is_featured":64,"date_created":207,"date_updated":10},"https:\u002F\u002Fsky-office.co\u002F","Sky Office","sky-office",[201,203,204],{"seo":10,"name":10,"slug":202},"collaboration",{"seo":10,"name":10,"slug":113},{"seo":10,"name":10,"slug":39},"72faf396-995a-482a-a8be-d04d280f7791.webp","Virtual design office for remote creative teams","2026-06-23T13:27:14.037123+00:00"]