[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-categories-en-US":3,"categories-en-US":3,"resource-typewolf-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":40,"alternatives-typewolf-en-US":108,"related-resources-typewolf-en-US":169},true,{"id":5,"name":6,"slug":7,"url":8,"date_updated":9,"images_other":10,"tagline":11,"description":12,"seo":13,"features":15,"pros":20,"cons":25,"best_for":28,"cover":29,"icon":30,"pricing":31,"platform":10,"github_url":10,"twitter_url":10,"discord_url":10,"dribbble_url":10,"pricing_tiers":32,"views_count":33,"featured_rank":10,"categories":34,"tags":39,"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,"description":11},"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",[16,17,18,19],"Ready-made UI components","Figma\u002FSketch\u002FXD formats","Responsive layouts","Customizable design tokens",[21,22,23,24],"Free to use","Wide font selection","Live font preview","Content creation tools",[26,27],"No editing or creation tools included","May require learning curve","Articles and Insights: Sharing interviews with type designers, stories behind font designs, and in-depth discussions on typographic culture. Font Comparison and Similar Font Discovery Typewolf 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.","screenshots\u002Ftypewolf.webp","fedeb327-b2e4-428c-bff5-7fcd3aeba000.svg","free",{"free":3},0,[35],{"name":36,"slug":37,"sub_categories":38},"Inspiration","inspiration",[],[],[41,60,76,94],{"id":42,"url":43,"icon":10,"name":44,"slug":45,"tags":46,"cover":56,"tagline":57,"is_featured":58,"date_created":59,"date_updated":10},670,"https:\u002F\u002Fattentioninsight.com","Attention Insight","attention-insight",[47,49,51,53],{"seo":10,"name":10,"slug":48},"wireframe",{"seo":10,"name":10,"slug":50},"user-research",{"seo":10,"name":10,"slug":52},"web-design",{"seo":10,"name":54,"slug":55},"Freemium","freemium","ef36c4d0-cade-4956-a397-b7c4436ad473.webp","AI-powered attention prediction and visual analytics",false,"2026-06-17T09:18:38.384779+00:00",{"id":61,"url":62,"icon":10,"name":63,"slug":64,"tags":65,"cover":73,"tagline":74,"is_featured":58,"date_created":75,"date_updated":10},669,"https:\u002F\u002Fwww.frontitude.com","Frontitude","frontitude",[66,67,68,70,72],{"seo":10,"name":10,"slug":48},{"seo":10,"name":10,"slug":50},{"seo":10,"name":10,"slug":69},"collaboration",{"seo":10,"name":10,"slug":71},"design-handoff",{"seo":10,"name":54,"slug":55},"5237122f-f736-4899-bd25-2002bf09dec2.webp","UX content management platform for multilingual products","2026-06-17T09:18:30.634258+00:00",{"id":77,"url":78,"icon":10,"name":79,"slug":80,"tags":81,"cover":91,"tagline":92,"is_featured":58,"date_created":93,"date_updated":10},668,"https:\u002F\u002Fwww.aura.build","Aura Build","aura-build",[82,83,85,86,88,90],{"seo":10,"name":10,"slug":48},{"seo":10,"name":10,"slug":84},"prototyping",{"seo":10,"name":10,"slug":52},{"seo":10,"name":10,"slug":87},"responsive",{"seo":10,"name":10,"slug":89},"icons",{"seo":10,"name":54,"slug":55},"be6ec3d1-5806-4cf8-bc58-5d536af6c04d.webp","AI-powered website builder and design assistant","2026-06-17T09:18:13.351637+00:00",{"id":95,"url":96,"icon":10,"name":97,"slug":98,"tags":99,"cover":105,"tagline":106,"is_featured":58,"date_created":107,"date_updated":10},667,"https:\u002F\u002Fwww.magicpatterns.com","Magic Patterns","magic-patterns",[100,101,102,103,104],{"seo":10,"name":10,"slug":48},{"seo":10,"name":10,"slug":84},{"seo":10,"name":10,"slug":69},{"seo":10,"name":10,"slug":71},{"seo":10,"name":54,"slug":55},"6d6649e5-e83d-44c6-bdf0-91d6cb530736.webp","AI prototype generator for product teams","2026-06-17T09:18:05.299046+00:00",[109,115,121,127,133,139,145,151,157,163],{"url":110,"name":111,"slug":112,"cover":113,"tagline":114},"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":116,"name":117,"slug":118,"cover":119,"tagline":120},"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":122,"name":123,"slug":124,"cover":125,"tagline":126},"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":128,"name":129,"slug":130,"cover":131,"tagline":132},"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":134,"name":135,"slug":136,"cover":137,"tagline":138},"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":140,"name":141,"slug":142,"cover":143,"tagline":144},"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":146,"name":147,"slug":148,"cover":149,"tagline":150},"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":152,"name":153,"slug":154,"cover":155,"tagline":156},"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.",{"url":158,"name":159,"slug":160,"cover":161,"tagline":162},"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":164,"name":165,"slug":166,"cover":167,"tagline":168},"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.",[170,188,201],{"url":171,"icon":10,"name":172,"slug":173,"tags":174,"cover":185,"tagline":186,"is_featured":58,"date_created":187,"date_updated":10},"https:\u002F\u002Fxfigura.ai","xFigura","xfigura",[175,178,179,181,182,184],{"seo":10,"name":176,"slug":177},"AI Powered","ai-powered",{"seo":10,"name":54,"slug":55},{"seo":10,"name":10,"slug":180},"ai",{"seo":10,"name":10,"slug":69},{"seo":10,"name":10,"slug":183},"3d-modeling",{"seo":10,"name":10,"slug":84},"5a586ca5-7283-4857-82b7-46f48fdf1106.webp","AI-powered collaborative ideation platform for architects and designers","2026-06-17T08:54:08.210866+00:00",{"url":189,"icon":10,"name":190,"slug":191,"tags":192,"cover":198,"tagline":199,"is_featured":10,"date_created":200,"date_updated":10},"https:\u002F\u002Fscreenlane.com","Screenlane","screenlane",[193,195,196],{"seo":10,"name":10,"slug":194},"mobile-ui",{"seo":10,"name":10,"slug":84},{"seo":10,"name":197,"slug":31},"Free","c8f06a5a-cb32-4f8a-9414-87a1ec9d458c.webp","Daily updated mobile UI design patterns and screenshots for design inspiration","2026-06-16T07:14:26.231264+00:00",{"url":202,"icon":203,"name":204,"slug":205,"tags":206,"cover":207,"tagline":208,"is_featured":10,"date_created":209,"date_updated":210},"https:\u002F\u002Fwww.behance.net\u002F","f6e5ea97-4aa8-441b-a0f4-eee5767de3b8.svg","Behance","behance",[],"bcf198fc-ade1-4690-84c6-d9597aed1884.webp","Behance is the world's leading platform for showcasing and discovering creative work, where designers can share portfolios, find inspiration, and demonstrate creative talent.","2025-10-16T06:46:36.68+00:00","2026-06-13T08:42:29.146+00:00"]