[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fsupernotes":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":40,"examples":59,"showcases":60,"links":324,"dates":342},"\u002Fexamples\u002Fapps\u002Fsupernotes","detail","apps",true,{"title":9,"description":10,"og_image":11},"Supernotes design examples - Nicelydone","Explore Supernotes UI design examples. The best collaborative note-taking app","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F38382c92-b959-4a7c-9266-f4ddd473f467.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Supernotes design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":39},"SaaS app examples",[24],{"title":25,"links":26},"Explore Supernotes",[27,30,33,36],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fsupernotes\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Fsupernotes\u002Fflows",{"label":34,"to":35},"UI components","\u002Fexamples\u002Fapps\u002Fsupernotes\u002Fcomponents",{"label":37,"to":38},"marketing pages","\u002Fexamples\u002Fapps\u002Fsupernotes\u002Fmarketing",[],{"title":41,"slug":42,"description":43,"logo":44,"url":45,"categories":46},"Supernotes","supernotes","The best collaborative note-taking app","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fsupernotes-3f910943.png","https:\u002F\u002Fsupernotes.app",[47,51,55],{"id":48,"title":49,"slug":50},59,"Writing tools","writing-tools",{"id":52,"title":53,"slug":54},22,"Knowledge Management","knowledge-management",{"id":56,"title":57,"slug":58},23,"Collaboration","collaboration",[],[61,315,318,321],{"family":62,"examples":63},"screens",[64,92,107,130,154,184,198,218,234,249,271,299],{"uuid":65,"title":41,"description":66,"canonical_path":29,"image":11,"width":67,"height":68,"image_alt":69,"kind":70,"patterns":71,"component_categories":81,"app":90},"38382c92-b959-4a7c-9266-f4ddd473f467","Signup page where the user creates a new account by providing their name, email, username, and password.",3024,1718,"Supernotes from Supernotes","screen",[72],{"id":73,"label":74,"slug":75,"rank":76,"group":77},5,"Sign Up","sign-up",0,{"id":78,"label":79,"slug":80},1,"Access & Account","access-and-account",[82,86],{"id":83,"title":84,"slug":85},260,"Badge","badge",{"id":87,"title":88,"slug":89},174,"Card","card",{"slug":42,"title":41,"logo":44,"categories":91},[],{"uuid":93,"title":41,"description":94,"canonical_path":29,"image":95,"width":67,"height":68,"image_alt":69,"kind":70,"patterns":96,"component_categories":103,"app":105},"9808d497-42b5-47c5-abfe-ef1b643c7ecb","Signup page where the user creates an account by providing their name, email, username, and password.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9808d497-42b5-47c5-abfe-ef1b643c7ecb.png",[97,99],{"id":73,"label":74,"slug":75,"rank":76,"group":98},{"id":78,"label":79,"slug":80},{"id":78,"label":100,"slug":101,"rank":78,"group":102},"Account Setup","account-setup",{"id":78,"label":79,"slug":80},[104],{"id":87,"title":88,"slug":89},{"slug":42,"title":41,"logo":44,"categories":106},[],{"uuid":108,"title":41,"description":109,"canonical_path":29,"image":110,"width":67,"height":68,"image_alt":69,"kind":70,"patterns":111,"component_categories":122,"app":128},"35defa27-344e-471e-a98e-990668582c0d","Signup screen where the user enters their name, email, username, and password to create a new account, currently showing a validation error on the username field.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F35defa27-344e-471e-a98e-990668582c0d.png",[112,114],{"id":73,"label":74,"slug":75,"rank":76,"group":113},{"id":78,"label":79,"slug":80},{"id":115,"label":116,"slug":117,"rank":78,"group":118},116,"Error","error",{"id":119,"label":120,"slug":121},12,"States & Feedback","states-and-feedback",[123,124],{"id":87,"title":88,"slug":89},{"id":125,"title":126,"slug":127},175,"Button","button",{"slug":42,"title":41,"logo":44,"categories":129},[],{"uuid":131,"title":132,"description":133,"canonical_path":29,"image":134,"width":67,"height":68,"image_alt":135,"kind":70,"patterns":136,"component_categories":145,"app":152},"da5b1612-32a0-431e-9941-ee3080dbf2c9","Home | Supernotes","Onboarding step where the user selects their primary use case from personal, work, or education options.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fda5b1612-32a0-431e-9941-ee3080dbf2c9.png","Home | Supernotes from Supernotes",[137],{"id":138,"label":139,"slug":140,"rank":76,"group":141},77,"Welcome","welcome",{"id":142,"label":143,"slug":144},7,"Onboarding & Education","onboarding-and-education",[146,147,151],{"id":87,"title":88,"slug":89},{"id":148,"title":149,"slug":150},227,"Stepper","stepper",{"id":125,"title":126,"slug":127},{"slug":42,"title":41,"logo":44,"categories":153},[],{"uuid":155,"title":132,"description":156,"canonical_path":29,"image":157,"width":67,"height":68,"image_alt":135,"kind":70,"patterns":158,"component_categories":179,"app":182},"09a1f6d3-792c-4dd5-bbe3-69772b49d450","Onboarding step where the user selects their primary use case between personal, work, or education to tailor the experience.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F09a1f6d3-792c-4dd5-bbe3-69772b49d450.png",[159,164,166,172],{"id":160,"label":161,"slug":162,"rank":76,"group":163},75,"Setup Wizard","setup-wizard",{"id":142,"label":143,"slug":144},{"id":138,"label":139,"slug":140,"rank":78,"group":165},{"id":142,"label":143,"slug":144},{"id":167,"label":168,"slug":169,"rank":170,"group":171},72,"Getting Started","getting-started",2,{"id":142,"label":143,"slug":144},{"id":56,"label":173,"slug":174,"rank":175,"group":176},"Select","select",3,{"id":170,"label":177,"slug":178},"Actions","actions",[180,181],{"id":148,"title":149,"slug":150},{"id":125,"title":126,"slug":127},{"slug":42,"title":41,"logo":44,"categories":183},[],{"uuid":185,"title":132,"description":186,"canonical_path":29,"image":187,"width":67,"height":68,"image_alt":135,"kind":70,"patterns":188,"component_categories":193,"app":196},"94457d4d-6b04-471f-ab47-d42aaf4651b4","Onboarding step where the user is introduced to the app's core concept of using notecards instead of traditional files and folders.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F94457d4d-6b04-471f-ab47-d42aaf4651b4.png",[189,191],{"id":138,"label":139,"slug":140,"rank":76,"group":190},{"id":142,"label":143,"slug":144},{"id":167,"label":168,"slug":169,"rank":78,"group":192},{"id":142,"label":143,"slug":144},[194,195],{"id":148,"title":149,"slug":150},{"id":125,"title":126,"slug":127},{"slug":42,"title":41,"logo":44,"categories":197},[],{"uuid":199,"title":132,"description":200,"canonical_path":29,"image":201,"width":67,"height":68,"image_alt":135,"kind":70,"patterns":202,"component_categories":212,"app":216},"1337b307-d79f-4a9a-b379-54301405dd37","Onboarding step where the user is introduced to the floating help menu via a coach mark before finishing account setup.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1337b307-d79f-4a9a-b379-54301405dd37.png",[203,205,210],{"id":167,"label":168,"slug":169,"rank":76,"group":204},{"id":142,"label":143,"slug":144},{"id":206,"label":207,"slug":208,"rank":78,"group":209},118,"Help","help",{"id":119,"label":120,"slug":121},{"id":160,"label":161,"slug":162,"rank":170,"group":211},{"id":142,"label":143,"slug":144},[213,214,215],{"id":87,"title":88,"slug":89},{"id":148,"title":149,"slug":150},{"id":125,"title":126,"slug":127},{"slug":42,"title":41,"logo":44,"categories":217},[],{"uuid":219,"title":132,"description":220,"canonical_path":29,"image":221,"width":67,"height":68,"image_alt":135,"kind":70,"patterns":222,"component_categories":229,"app":232},"8024e627-fda9-4a76-a767-dc804ebc2811","Onboarding step where the user selects their preferred app theme from four options before proceeding.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8024e627-fda9-4a76-a767-dc804ebc2811.png",[223,225,227],{"id":160,"label":161,"slug":162,"rank":76,"group":224},{"id":142,"label":143,"slug":144},{"id":167,"label":168,"slug":169,"rank":78,"group":226},{"id":142,"label":143,"slug":144},{"id":78,"label":100,"slug":101,"rank":170,"group":228},{"id":78,"label":79,"slug":80},[230,231],{"id":148,"title":149,"slug":150},{"id":125,"title":126,"slug":127},{"slug":42,"title":41,"logo":44,"categories":233},[],{"uuid":235,"title":132,"description":236,"canonical_path":29,"image":237,"width":67,"height":68,"image_alt":135,"kind":70,"patterns":238,"component_categories":243,"app":247},"80efa82c-a035-44b2-9983-569213c0c546","Onboarding step where the user customizes their workspace by choosing between Hydrogen, Deuterium, Zinc, and Carbon themes.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F80efa82c-a035-44b2-9983-569213c0c546.png",[239,241],{"id":160,"label":161,"slug":162,"rank":76,"group":240},{"id":142,"label":143,"slug":144},{"id":78,"label":100,"slug":101,"rank":78,"group":242},{"id":78,"label":79,"slug":80},[244,245,246],{"id":87,"title":88,"slug":89},{"id":148,"title":149,"slug":150},{"id":125,"title":126,"slug":127},{"slug":42,"title":41,"logo":44,"categories":248},[],{"uuid":250,"title":132,"description":251,"canonical_path":29,"image":252,"width":67,"height":68,"image_alt":135,"kind":70,"patterns":253,"component_categories":265,"app":269},"73e873d4-f377-462b-8163-f4ec3311b6d4","Onboarding step where the user chooses their preferred app appearance from four theme options like Hydrogen and Carbon.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F73e873d4-f377-462b-8163-f4ec3311b6d4.png",[254,256,261,263],{"id":160,"label":161,"slug":162,"rank":76,"group":255},{"id":142,"label":143,"slug":144},{"id":257,"label":258,"slug":259,"rank":78,"group":260},74,"Onboarding Checklist","onboarding-checklist",{"id":142,"label":143,"slug":144},{"id":138,"label":139,"slug":140,"rank":170,"group":262},{"id":142,"label":143,"slug":144},{"id":78,"label":100,"slug":101,"rank":175,"group":264},{"id":78,"label":79,"slug":80},[266,267,268],{"id":87,"title":88,"slug":89},{"id":148,"title":149,"slug":150},{"id":125,"title":126,"slug":127},{"slug":42,"title":41,"logo":44,"categories":270},[],{"uuid":272,"title":132,"description":273,"canonical_path":29,"image":274,"width":67,"height":68,"image_alt":135,"kind":70,"patterns":275,"component_categories":289,"app":297},"3a2faeaf-8f20-4906-b858-577381161558","Onboarding step where the user personalizes their profile by adding a photo and a brief bio before saving.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3a2faeaf-8f20-4906-b858-577381161558.png",[276,278,285],{"id":78,"label":100,"slug":101,"rank":76,"group":277},{"id":78,"label":79,"slug":80},{"id":175,"label":279,"slug":280,"rank":78,"group":281},"Profile","profile",{"id":282,"label":283,"slug":284},11,"Social & Collaboration","social-and-collaboration",{"id":282,"label":286,"slug":287,"rank":170,"group":288},"Edit","edit",{"id":170,"label":177,"slug":178},[290,294,295,296],{"id":291,"title":292,"slug":293},169,"Avatar","avatar",{"id":87,"title":88,"slug":89},{"id":148,"title":149,"slug":150},{"id":125,"title":126,"slug":127},{"slug":42,"title":41,"logo":44,"categories":298},[],{"uuid":300,"title":132,"description":301,"canonical_path":29,"image":302,"width":67,"height":68,"image_alt":135,"kind":70,"patterns":303,"component_categories":310,"app":313},"8bfc1f6f-dc92-4148-844a-cdfed7cd49f6","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",[304],{"id":48,"label":305,"slug":306,"rank":76,"group":307},"QR Code","qr-code",{"id":73,"label":308,"slug":309},"Media & Tools","media-and-tools",[311,312],{"id":148,"title":149,"slug":150},{"id":125,"title":126,"slug":127},{"slug":42,"title":41,"logo":44,"categories":314},[],{"family":316,"examples":317},"flows",[],{"family":319,"examples":320},"components",[],{"family":322,"examples":323},"pages",[],[325,327,329,331,333,336,339],{"label":326,"to":29},"Supernotes product screens",{"label":328,"to":38},"Supernotes marketing pages",{"label":330,"to":32},"Supernotes user flows",{"label":332,"to":35},"Supernotes UI components",{"label":334,"to":335},"Writing tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fwriting-tools",{"label":337,"to":338},"Knowledge Management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fknowledge-management",{"label":340,"to":341},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"published_at":343,"updated_at":344},"2021-01-06T18:52:58.000Z","2026-09-13T13:02:39.000Z"]