[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fscreens\u002F8bfc1f6f-dc92-4148-844a-cdfed7cd49f6":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"examples":25,"showcases":71,"links":72,"dates":79},"\u002Fexamples\u002Fscreens\u002F8bfc1f6f-dc92-4148-844a-cdfed7cd49f6","detail","screens",true,{"title":9,"description":10,"og_image":11},"Home | Supernotes - Nicelydone","Screen UI design example from Supernotes. Onboarding step where the user is prompted to scan a QR code to download the companion mobile app.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8bfc1f6f-dc92-4148-844a-cdfed7cd49f6.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS screen examples","\u002Fexamples\u002Fscreens",{"label":20,"to":4},"Home | Supernotes",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":24},"Screen design",[],[],[26],{"uuid":27,"title":20,"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":54},"8bfc1f6f-dc92-4148-844a-cdfed7cd49f6","Onboarding step where the user is prompted to scan a QR code to download the companion mobile app.","\u002Fexamples\u002Fapps\u002Fsupernotes\u002Fscreens",3024,1718,"Home | Supernotes from Supernotes","2023-10-30T06:47:10.000Z","screen",[36],{"id":37,"label":38,"slug":39,"rank":40,"group":41},59,"QR Code","qr-code",0,{"id":42,"label":43,"slug":44},5,"Media & Tools","media-and-tools",[46,50],{"id":47,"title":48,"slug":49},175,"Button","button",{"id":51,"title":52,"slug":53},227,"Stepper","stepper",{"slug":55,"title":56,"logo":57,"baseline":58,"categories":59},"supernotes","Supernotes","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fsupernotes-3f910943.png","The best collaborative note-taking app",[60,63,67],{"id":37,"title":61,"slug":62},"Writing tools","writing-tools",{"id":64,"title":65,"slug":66},22,"Knowledge Management","knowledge-management",{"id":68,"title":69,"slug":70},23,"Collaboration","collaboration",[],[73,75,77],{"label":38,"to":74},"\u002Fexamples\u002Fscreens\u002Fqr-code",{"label":76,"to":29},"Supernotes screen designs",{"label":78,"to":18},"All screen examples",{"published_at":80,"updated_at":81},"2023-10-29T14:54:10.000Z","2026-06-13T21:47:45.852Z"]