[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fscreens\u002F380319c7-4cfb-4367-b100-d6a033c330bc":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"examples":26,"showcases":89,"links":90,"dates":101},"\u002Fexamples\u002Fscreens\u002F380319c7-4cfb-4367-b100-d6a033c330bc","detail","screens",true,{"title":9,"description":10,"og_image":11},"Motion - Nicelydone","Screen UI design example from Motion. Settings page where the user can download the desktop app, toggle link opening preferences, and configure keyboard…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F380319c7-4cfb-4367-b100-d6a033c330bc.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS screen examples","\u002Fexamples\u002Fscreens",{"label":20,"to":4},"Motion",{"title":20,"eyebrow":22,"description":23,"sections":24,"body":25},"Screen design","Screen UI design example from Motion. Settings page where the user can download the desktop app, toggle link opening preferences, and configure keyboard shortcuts for adding tasks and opening the calendar.",[],[],[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":63,"app":68},"380319c7-4cfb-4367-b100-d6a033c330bc","Settings page where the user can download the desktop app, toggle link opening preferences, and configure keyboard shortcuts for adding tasks and opening the calendar.","\u002Fexamples\u002Fapps\u002Fmotion\u002Fscreens",3024,1778,"Motion from Motion","2025-02-10T16:08:17.000Z","screen",[37,46,55],{"id":38,"label":39,"slug":40,"rank":41,"group":42},94,"Account Settings","account-settings",0,{"id":43,"label":44,"slug":45},10,"Settings & Admin","settings-and-admin",{"id":47,"label":48,"slug":49,"rank":50,"group":51},25,"Upload & Download","upload-and-download",1,{"id":52,"label":53,"slug":54},2,"Actions","actions",{"id":56,"label":57,"slug":58,"rank":52,"group":59},68,"Shortcuts","shortcuts",{"id":60,"label":61,"slug":62},6,"Navigation & Commands","navigation-and-commands",[64],{"id":65,"title":66,"slug":67},175,"Button","button",{"slug":69,"title":20,"logo":70,"baseline":71,"categories":72},"motion","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmotion-6fac92db.png","Use AI to plan your work, automatically",[73,77,81,85],{"id":74,"title":75,"slug":76},80,"Artificial Intelligence","artificial-intelligence",{"id":78,"title":79,"slug":80},29,"Task Management","task-management",{"id":82,"title":83,"slug":84},30,"Productivity","productivity",{"id":86,"title":87,"slug":88},101,"Calendar","calendar",[],[91,93,95,97,99],{"label":39,"to":92},"\u002Fexamples\u002Fscreens\u002Faccount-settings",{"label":57,"to":94},"\u002Fexamples\u002Fscreens\u002Fshortcuts",{"label":48,"to":96},"\u002Fexamples\u002Fscreens\u002Fupload-and-download",{"label":98,"to":30},"Motion screen designs",{"label":100,"to":18},"All screen examples",{"published_at":102,"updated_at":103},"2025-02-07T17:15:41.000Z","2026-06-13T22:18:30.342Z"]