[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fscreens\u002F117323b0-cfad-4610-8e61-3113995bd373":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"examples":26,"showcases":85,"links":86,"dates":93},"\u002Fexamples\u002Fscreens\u002F117323b0-cfad-4610-8e61-3113995bd373","detail","pages",true,{"title":9,"description":10,"og_image":11},"Professional Diagraming Tools | Site Analysis  Process Flow Softwa - Nicelydone","Screen UI design example from Rayon. Use case page where the user learns about Rayon's diagramming tools for site analysis and space planning, featuring an…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F117323b0-cfad-4610-8e61-3113995bd373.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS screen examples","\u002Fexamples\u002Fscreens",{"label":20,"to":4},"Professional Diagraming Tools | Site Analysis  Process Flow Softwa",{"title":20,"eyebrow":22,"description":23,"sections":24,"body":25},"Screen design","Screen UI design example from Rayon. Use case page where the user learns about Rayon's diagramming tools for site analysis and space planning, featuring an asset library, feature grids, and a real-time collaboration pitch.",[],[],[27],{"uuid":28,"title":20,"description":29,"canonical_path":30,"image":11,"width":31,"height":32,"image_alt":33,"published_at":34,"kind":35,"patterns":36,"component_categories":46,"app":67},"117323b0-cfad-4610-8e61-3113995bd373","Use case page where the user learns about Rayon's diagramming tools for site analysis and space planning, featuring an asset library, feature grids, and a real-time collaboration pitch.","\u002Fexamples\u002Fapps\u002Frayon\u002Fmarketing",3024,16200,"Professional Diagraming Tools | Site Analysis  Process Flow Softwa from Rayon","2025-02-03T14:11:02.000Z","screen",[37],{"id":38,"label":39,"slug":40,"rank":41,"group":42},139,"Use Case Page","use-case-page",0,{"id":43,"label":44,"slug":45},15,"Marketing Page Types","marketing-page-types",[47,51,55,59,63],{"id":48,"title":49,"slug":50},258,"Header","header",{"id":52,"title":53,"slug":54},175,"Button","button",{"id":56,"title":57,"slug":58},174,"Card","card",{"id":60,"title":61,"slug":62},189,"FAQ","faq",{"id":64,"title":65,"slug":66},202,"Footer","footer",{"slug":68,"title":69,"logo":70,"baseline":71,"categories":72},"rayon","Rayon","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Frayon-633e8478.png","The fastest tool to create perfect architectural drawings",[73,77,81],{"id":74,"title":75,"slug":76},73,"Architecture","architecture",{"id":78,"title":79,"slug":80},8,"Design","design",{"id":82,"title":83,"slug":84},23,"Collaboration","collaboration",[],[87,89,91],{"label":39,"to":88},"\u002Fexamples\u002Fpages\u002Fuse-case-page",{"label":90,"to":30},"Rayon screen designs",{"label":92,"to":18},"All screen examples",{"published_at":94,"updated_at":95},"2025-02-03T07:27:32.000Z","2026-05-15T20:26:39.042Z"]