[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-categories-en-US":3,"categories-en-US":3,"resource-refero-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":40,"alternatives-refero-en-US":108,"related-resources-refero-en-US":168},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},290,"Refero","refero","https:\u002F\u002Frefero.design\u002F","2026-06-12T06:54:55.783847+00:00",null,"Refero Design is a platform showcasing curated excellent design cases, providing designers with in-depth learning, analysis, and inspiration through real design projects from various industries and companies.","The core content of Refero Design is a series of carefully selected real-world commercial design case studies. These cases are not merely static image displays but focus on in-depth analysis of the entire design process, challenges, solutions, and final outcomes. The website's goal is to help designers learn from actual projects and understand how different companies and teams solve design problems.\nDiverse Case Sources and Categorization\nThe cases featured on the website come from a wide range of industries and companies, covering design projects from small startups to large well-known enterprises. These cases may include:\nUI\u002FUX Design: Showcasing product interfaces, user flows, interaction patterns, etc.\nBrand Design: Including logos, visual identity systems, brand applications, etc.\nMarketing Design: Such as advertisements, promotional materials, landing page designs.\nProduct Design: May involve functional and experiential design of digital products.\nUsers can browse cases using the provided categories or tags, for example, filtering by industry, design type, company size, or design principles applied.\nDetailed Case Dissections and Learning Points\nEach case typically provides a detailed dissection, including:\nProject Background: Introducing the project's goals, challenges, and constraints.\nDesign Process: Showcasing key steps from research, ideation, sketching to final implementation.\nDesign Decisions: Explaining why specific design choices were made and the thinking behind them.\nKey Visual Elements: Providing detailed interpretations of interface screenshots, brand elements, or other visual assets.\nResults and Impact: Demonstrating the actual effects and business value brought by the design solution.\nLearning Takeaways: Extracting specific experiences and knowledge designers can gain from the case.\nThis in-depth analytical approach makes Refero Design not just an inspiration library but also a treasure trove for design education and learning.\nDiscover Design Trends and Best Practices\nBy analyzing the cases on Refero Design, designers can discover current industry design trends, popular patterns, and best practices proven effective in real-world projects. This is of significant value for enhancing designers' professional skills, broadening design perspectives, and making more informed decisions in their own projects.\nCommunity Contribution and Sharing\nRefero Design encourages designers and teams to submit their project case studies, sharing their design stories and experiences. This helps foster a knowledge-sharing community, allowing more people to learn from practical work and collectively advance the design industry.",{"title":14,"description":11},"Refero - Refero Design is a platform showcasing curated excellent design cases, providing designers with in-depth learning, analysis, and inspiration through real design projects from various industries and companies. | DesignToolMark",[16,17,18,19],"Ready-made UI components","Figma\u002FSketch\u002FXD formats","Responsive layouts","Customizable design tokens",[21,22,23,24],"Real-time collaboration","Smooth animation capabilities","Content creation tools","Streamlines workflow",[26,27],"No editing or creation tools included","May require learning curve","UI designers quickly building polished interfaces.","screenshots\u002Frefero.webp","c7f20d8e-c80a-4256-b6f6-ecb69a71ae00.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.booooooom.com\u002F","Booooooom","booooooom","screenshots\u002Fbooooooom.webp","Booooooom is a blog magazine focused on contemporary art, design, and photography, showcasing creative works, artist interviews, and curated projects from around the world, aiming to inspire and connect creative individuals.",{"url":116,"name":117,"slug":118,"cover":119,"tagline":120},"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":122,"name":123,"slug":124,"cover":125,"tagline":126},"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":128,"name":129,"slug":130,"cover":131,"tagline":132},"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":134,"name":135,"slug":136,"cover":137,"tagline":138},"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":140,"name":141,"slug":142,"cover":143,"tagline":144},"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":146,"name":147,"slug":148,"cover":149,"tagline":150},"https:\u002F\u002Ftheinspirationgrid.com\u002F","Inspiration Grid","inspiration-grid","screenshots\u002Finspiration-grid.webp","The Inspiration Grid is a daily updated creative blog dedicated to showcasing outstanding works and projects in art, design, photography, illustration, and architecture from around the world, providing inspiration for creative professionals.",{"url":152,"name":153,"slug":154,"cover":155,"tagline":156},"https:\u002F\u002Fwww.typographicposters.com\u002F","Typographic Posters","typographic-posters","d0be05cc-9c6a-4f97-bb67-b638d70cdcb6.webp","Typographic Posters is an online gallery dedicated to showcasing outstanding typographic poster designs from around the world, collecting examples of creative font usage and layout, providing professional inspiration for designers.",{"url":158,"name":159,"slug":160,"cover":161,"tagline":162},"https:\u002F\u002Fwww.brandguidelines.net\u002F","Brand Guidelines","brand-guidelines","screenshots\u002Fbrand-guidelines.webp","Brand Guidelines is a website aggregating public brand identity guidelines from famous global brands, offering accessible brand design guides to serve as a learning and reference resource for designers and brand managers.",{"url":164,"name":165,"slug":165,"cover":166,"tagline":167},"https:\u002F\u002F4db.cc\u002F","4db","screenshots\u002F4db.webp","4DB.CC is an inspiration gallery focused on excellent Japanese web design, curating high-quality website examples that showcase unique visual styles, interactions, and design trends, providing references for designers.",[169,187,200],{"url":170,"icon":10,"name":171,"slug":172,"tags":173,"cover":184,"tagline":185,"is_featured":58,"date_created":186,"date_updated":10},"https:\u002F\u002Fxfigura.ai","xFigura","xfigura",[174,177,178,180,181,183],{"seo":10,"name":175,"slug":176},"AI Powered","ai-powered",{"seo":10,"name":54,"slug":55},{"seo":10,"name":10,"slug":179},"ai",{"seo":10,"name":10,"slug":69},{"seo":10,"name":10,"slug":182},"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":188,"icon":10,"name":189,"slug":190,"tags":191,"cover":197,"tagline":198,"is_featured":10,"date_created":199,"date_updated":10},"https:\u002F\u002Fscreenlane.com","Screenlane","screenlane",[192,194,195],{"seo":10,"name":10,"slug":193},"mobile-ui",{"seo":10,"name":10,"slug":84},{"seo":10,"name":196,"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":201,"icon":202,"name":203,"slug":204,"tags":205,"cover":206,"tagline":207,"is_featured":10,"date_created":208,"date_updated":209},"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"]