[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fscreens\u002Fb31becbc-e7a4-4594-b0d9-d59d06e1b437":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":20,"examples":25,"showcases":84,"links":85,"dates":92},"\u002Fexamples\u002Fscreens\u002Fb31becbc-e7a4-4594-b0d9-d59d06e1b437","detail","pages",true,{"title":9,"description":10,"og_image":11},"Examples - Nicelydone","Screen UI design example from Eraser. Use case gallery where the user can browse and filter architecture diagrams, flow charts, and design docs by…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb31becbc-e7a4-4594-b0d9-d59d06e1b437.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS screen examples","\u002Fexamples\u002Fscreens",{"label":14,"to":4},{"title":14,"eyebrow":21,"description":22,"sections":23,"body":24},"Screen design","Screen UI design example from Eraser. Use case gallery where the user can browse and filter architecture diagrams, flow charts, and design docs by technology and feature.",[],[],[26],{"uuid":27,"title":14,"description":28,"canonical_path":29,"image":11,"width":30,"height":31,"image_alt":32,"published_at":33,"kind":34,"patterns":35,"component_categories":45,"app":66},"b31becbc-e7a4-4594-b0d9-d59d06e1b437","Use case gallery where the user can browse and filter architecture diagrams, flow charts, and design docs by technology and feature.","\u002Fexamples\u002Fapps\u002Feraser\u002Fmarketing",3024,5960,"Examples from Eraser","2024-03-25T12:54:46.000Z","screen",[36],{"id":37,"label":38,"slug":39,"rank":40,"group":41},157,"Template Gallery","template-gallery",0,{"id":42,"label":43,"slug":44},15,"Marketing Page Types","marketing-page-types",[46,50,54,58,62],{"id":47,"title":48,"slug":49},258,"Header","header",{"id":51,"title":52,"slug":53},168,"Accordion","accordion",{"id":55,"title":56,"slug":57},174,"Card","card",{"id":59,"title":60,"slug":61},175,"Button","button",{"id":63,"title":64,"slug":65},202,"Footer","footer",{"slug":67,"title":68,"logo":69,"baseline":70,"categories":71},"eraser","Eraser","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Feraser-5d273b5d.png","Documents & diagrams for engineering teams",[72,76,80],{"id":73,"title":74,"slug":75},23,"Collaboration","collaboration",{"id":77,"title":78,"slug":79},48,"Developer Tools","developer-tools",{"id":81,"title":82,"slug":83},8,"Design","design",[],[86,88,90],{"label":38,"to":87},"\u002Fexamples\u002Fpages\u002Ftemplate-gallery",{"label":89,"to":29},"Eraser screen designs",{"label":91,"to":18},"All screen examples",{"published_at":93,"updated_at":94},"2024-03-18T07:49:37.000Z","2026-05-17T16:05:08.969Z"]