[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Ffable-app\u002Fmarketing":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":40,"showcases":303,"links":304,"dates":355},"\u002Fexamples\u002Fapps\u002Ffable-app\u002Fmarketing","detail","pages",true,{"title":9,"description":10,"og_image":11},"Fable marketing pages examples - Nicelydone","Explore Fable website design examples. Preview marketing pages and browse related SaaS page designs. The web-based motion design platform","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1901ccc3-88b5-4a7d-81b1-2a736ced1ecc.png",[13,16,19,22],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":21},"Fable design examples","\u002Fexamples\u002Fapps\u002Ffable-app",{"label":23,"to":4},"Fable marketing pages examples",{"title":23,"eyebrow":25,"description":10,"sections":26,"body":27},"SaaS app examples",[],[],{"title":29,"slug":30,"description":31,"logo":32,"url":33,"twitter_username":34,"categories":35},"Fable","fable-app","The web-based motion design platform","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ffable-8p03a958.png","https:\u002F\u002Fwww.fable.app","fable_motion",[36],{"id":37,"title":38,"slug":39},8,"Design","design",[41,82,109,128,146,168,190,210,228,245,264,283],{"uuid":42,"title":43,"description":44,"canonical_path":4,"image":11,"width":45,"height":46,"image_alt":47,"kind":48,"patterns":49,"component_categories":59,"app":80},"1901ccc3-88b5-4a7d-81b1-2a736ced1ecc","Fable – The web-based motion design platform","Landing page for a web-based motion design platform outlining core features like collaboration and ease of use alongside a customer testimonial.",3024,14694,"Fable – The web-based motion design platform from Fable","screen",[50],{"id":51,"label":52,"slug":53,"rank":54,"group":55},136,"Landing Page","landing-page",0,{"id":56,"label":57,"slug":58},15,"Marketing Page Types","marketing-page-types",[60,64,68,72,76],{"id":61,"title":62,"slug":63},232,"Testimonial","testimonial",{"id":65,"title":66,"slug":67},169,"Avatar","avatar",{"id":69,"title":70,"slug":71},175,"Button","button",{"id":73,"title":74,"slug":75},258,"Header","header",{"id":77,"title":78,"slug":79},202,"Footer","footer",{"slug":30,"title":29,"logo":32,"categories":81},[],{"uuid":83,"title":84,"description":85,"canonical_path":4,"image":86,"width":45,"height":87,"image_alt":88,"kind":48,"patterns":89,"component_categories":95,"app":107},"8b9e2c5d-f1c6-4e09-91f6-71b76cf33c24","Learn Motion Design Online with Fable Academy","Marketing page where the user browses a library of motion design video lessons categorized into foundations, quick starts, and product references.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8b9e2c5d-f1c6-4e09-91f6-71b76cf33c24.png",7864,"Learn Motion Design Online with Fable Academy from Fable",[90],{"id":91,"label":92,"slug":93,"rank":54,"group":94},165,"Education Program Page","education-program-page",{"id":56,"label":57,"slug":58},[96,100,104,105,106],{"id":97,"title":98,"slug":99},260,"Badge","badge",{"id":101,"title":102,"slug":103},174,"Card","card",{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"id":77,"title":78,"slug":79},{"slug":30,"title":29,"logo":32,"categories":108},[],{"uuid":110,"title":111,"description":112,"canonical_path":4,"image":113,"width":45,"height":114,"image_alt":115,"kind":48,"patterns":116,"component_categories":119,"app":126},"c53a578a-6b7b-4d99-90ca-c9ed7e19a0ba","Keyframes - Fable Foundations | Fable Academy","Educational lesson page featuring a video player, a course playlist, and a lesson description with a transcript tab.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc53a578a-6b7b-4d99-90ca-c9ed7e19a0ba.png",3860,"Keyframes - Fable Foundations | Fable Academy from Fable",[117],{"id":91,"label":92,"slug":93,"rank":54,"group":118},{"id":56,"label":57,"slug":58},[120,124,125],{"id":121,"title":122,"slug":123},233,"Tabs","tabs",{"id":73,"title":74,"slug":75},{"id":77,"title":78,"slug":79},{"slug":30,"title":29,"logo":32,"categories":127},[],{"uuid":129,"title":130,"description":131,"canonical_path":4,"image":132,"width":45,"height":133,"image_alt":134,"kind":48,"patterns":135,"component_categories":138,"app":144},"fb785d73-48e0-416f-8e0b-fe85a6ce252f","30ish Clicks | Fable Academy","Education program page where the user can watch a course overview video and browse a grid of procedural animation lessons.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffb785d73-48e0-416f-8e0b-fe85a6ce252f.png",5174,"30ish Clicks | Fable Academy from Fable",[136],{"id":91,"label":92,"slug":93,"rank":54,"group":137},{"id":56,"label":57,"slug":58},[139,140,141,142,143],{"id":97,"title":98,"slug":99},{"id":101,"title":102,"slug":103},{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"id":77,"title":78,"slug":79},{"slug":30,"title":29,"logo":32,"categories":145},[],{"uuid":147,"title":148,"description":149,"canonical_path":4,"image":150,"width":45,"height":151,"image_alt":152,"kind":48,"patterns":153,"component_categories":159,"app":166},"b9ddecdb-5147-42f4-8693-7509d6de3f10","Plans, Pricing and Membership | Fable","Pricing page where the user selects a subscription tier from Starter, Professional, Organization, or Enterprise plans with a monthly or annual billing toggle.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb9ddecdb-5147-42f4-8693-7509d6de3f10.png",5100,"Plans, Pricing and Membership | Fable from Fable",[154],{"id":155,"label":156,"slug":157,"rank":54,"group":158},143,"Pricing Page","pricing-page",{"id":56,"label":57,"slug":58},[160,164,165],{"id":161,"title":162,"slug":163},189,"FAQ","faq",{"id":73,"title":74,"slug":75},{"id":77,"title":78,"slug":79},{"slug":30,"title":29,"logo":32,"categories":167},[],{"uuid":169,"title":170,"description":171,"canonical_path":4,"image":172,"width":45,"height":173,"image_alt":174,"kind":48,"patterns":175,"component_categories":181,"app":188},"658d2d2e-9f4b-4c7b-97f1-dc8f7589ce66","Fable Blog","Blog index page displaying a grid of recent articles with category filters and a bottom call to action.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F658d2d2e-9f4b-4c7b-97f1-dc8f7589ce66.png",8306,"Fable Blog from Fable",[176],{"id":177,"label":178,"slug":179,"rank":54,"group":180},150,"Blog Index","blog-index",{"id":56,"label":57,"slug":58},[182,183,184,185,186,187],{"id":121,"title":122,"slug":123},{"id":97,"title":98,"slug":99},{"id":101,"title":102,"slug":103},{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"id":77,"title":78,"slug":79},{"slug":30,"title":29,"logo":32,"categories":189},[],{"uuid":191,"title":192,"description":193,"canonical_path":4,"image":194,"width":45,"height":195,"image_alt":196,"kind":48,"patterns":197,"component_categories":203,"app":208},"c2f73969-5787-48fe-b0ee-83768dd04bd4","Back to Basics 12 Animation Principles Every Aspiring Motion Desi","Long-form educational article detailing the 12 principles of animation, featuring embedded Instagram video examples and a related posts grid at the bottom.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc2f73969-5787-48fe-b0ee-83768dd04bd4.png",40328,"Back to Basics 12 Animation Principles Every Aspiring Motion Desi from Fable",[198],{"id":199,"label":200,"slug":201,"rank":54,"group":202},78,"Article","article",{"id":56,"label":57,"slug":58},[204,205,206,207],{"id":65,"title":66,"slug":67},{"id":101,"title":102,"slug":103},{"id":73,"title":74,"slug":75},{"id":77,"title":78,"slug":79},{"slug":30,"title":29,"logo":32,"categories":209},[],{"uuid":211,"title":212,"description":213,"canonical_path":4,"image":214,"width":45,"height":215,"image_alt":216,"kind":48,"patterns":217,"component_categories":222,"app":226},"1c320ae6-f3f8-4ef2-aca9-9a04b9bebf14","Product Releases | Whats New in Fable","Changelog page where the user browses a chronological timeline of new features, improvements, and bug fixes for the Fable platform.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1c320ae6-f3f8-4ef2-aca9-9a04b9bebf14.png",56672,"Product Releases | Whats New in Fable from Fable",[218],{"id":69,"label":219,"slug":220,"rank":54,"group":221},"Changelog","changelog",{"id":56,"label":57,"slug":58},[223,224,225],{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"id":77,"title":78,"slug":79},{"slug":30,"title":29,"logo":32,"categories":227},[],{"uuid":229,"title":43,"description":230,"canonical_path":4,"image":231,"width":45,"height":232,"image_alt":47,"kind":48,"patterns":233,"component_categories":239,"app":243},"234d0875-4c4a-40c7-a0d7-d69e1e0bb32d","Marketing error page indicating a missing route, providing a button to return home and a secondary call to action to start using the product.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F234d0875-4c4a-40c7-a0d7-d69e1e0bb32d.png",2776,[234],{"id":235,"label":236,"slug":237,"rank":54,"group":238},187,"404 Page","404-page",{"id":56,"label":57,"slug":58},[240,241,242],{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"id":77,"title":78,"slug":79},{"slug":30,"title":29,"logo":32,"categories":244},[],{"uuid":246,"title":247,"description":248,"canonical_path":4,"image":249,"width":45,"height":250,"image_alt":251,"kind":48,"patterns":252,"component_categories":258,"app":262},"35fc2d1c-1307-400c-8f75-6aa49004f61c","Online Privacy Policy - Fable, Inc.","Legal page detailing Fable's privacy policy, including sections on data collection, third-party sharing, and cookies, concluding with a prominent signup call to action.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F35fc2d1c-1307-400c-8f75-6aa49004f61c.png",13602,"Online Privacy Policy - Fable, Inc. from Fable",[253],{"id":254,"label":255,"slug":256,"rank":54,"group":257},185,"Privacy Policy","privacy-policy",{"id":56,"label":57,"slug":58},[259,260,261],{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"id":77,"title":78,"slug":79},{"slug":30,"title":29,"logo":32,"categories":263},[],{"uuid":265,"title":266,"description":267,"canonical_path":4,"image":268,"width":45,"height":269,"image_alt":270,"kind":48,"patterns":271,"component_categories":277,"app":281},"a725bc24-259b-432a-a47d-1749b41ecaac","Terms of Service - Fable, Inc.","Legal page detailing the terms of service for Fable, including user accounts, rights granted, and limitations of liability, ending with a call to action to create a story.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa725bc24-259b-432a-a47d-1749b41ecaac.png",34598,"Terms of Service - Fable, Inc. from Fable",[272],{"id":273,"label":274,"slug":275,"rank":54,"group":276},186,"Terms Page","terms-page",{"id":56,"label":57,"slug":58},[278,279,280],{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"id":77,"title":78,"slug":79},{"slug":30,"title":29,"logo":32,"categories":282},[],{"uuid":284,"title":285,"description":286,"canonical_path":4,"image":287,"width":45,"height":288,"image_alt":289,"kind":48,"patterns":290,"component_categories":296,"app":301},"26303e00-ea31-4373-aaea-bb23aa821601","Fable Status","System status page showing current operational state, 90-day uptime charts for platform components, and a log of past incidents.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F26303e00-ea31-4373-aaea-bb23aa821601.png",5270,"Fable Status from Fable",[291],{"id":292,"label":293,"slug":294,"rank":54,"group":295},181,"System Status","system-status",{"id":56,"label":57,"slug":58},[297,298,299,300],{"id":101,"title":102,"slug":103},{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"id":77,"title":78,"slug":79},{"slug":30,"title":29,"logo":32,"categories":302},[],[],[305,307,309,311,313,315,317,319,321,323,325,328,331,334,337,339,343,347,351],{"label":92,"to":306},"\u002Fexamples\u002Fpages\u002Feducation-program-page",{"label":236,"to":308},"\u002Fexamples\u002Fpages\u002F404-page",{"label":200,"to":310},"\u002Fexamples\u002Fpages\u002Farticle",{"label":178,"to":312},"\u002Fexamples\u002Fpages\u002Fblog-index",{"label":219,"to":314},"\u002Fexamples\u002Fpages\u002Fchangelog",{"label":52,"to":316},"\u002Fexamples\u002Fpages\u002Flanding-page",{"label":156,"to":318},"\u002Fexamples\u002Fpages\u002Fpricing-page",{"label":255,"to":320},"\u002Fexamples\u002Fpages\u002Fprivacy-policy",{"label":293,"to":322},"\u002Fexamples\u002Fpages\u002Fsystem-status",{"label":274,"to":324},"\u002Fexamples\u002Fpages\u002Fterms-page",{"label":326,"to":327},"Fable product screens","\u002Fexamples\u002Fapps\u002Ffable-app\u002Fscreens",{"label":329,"to":330},"Fable user flows","\u002Fexamples\u002Fapps\u002Ffable-app\u002Fflows",{"label":332,"to":333},"Fable UI components","\u002Fexamples\u002Fapps\u002Ffable-app\u002Fcomponents",{"label":335,"to":336},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"label":338,"to":18},"All SaaS app examples",{"label":340,"to":341,"description":342},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":344,"to":345,"description":346},"SaaS marketing page examples","\u002Fexamples\u002Fpages","Browse real SaaS marketing pages grouped by page type, from landing pages to pricing and customer story pages.",{"label":348,"to":349,"description":350},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":352,"to":353,"description":354},"User flow examples from SaaS apps","\u002Fexamples\u002Fflows","Explore user flow examples for sign-up, onboarding, billing, and other SaaS tasks. Compare the order of screens and preview the opening steps from real apps.",{"published_at":356,"updated_at":357},"2022-09-14T12:06:46.000Z","2026-09-13T13:02:39.000Z"]