[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fcraft\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":52,"showcases":353,"links":354,"dates":388},"\u002Fexamples\u002Fapps\u002Fcraft\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Craft product screens examples - Nicelydone","Browse Craft screen design examples. Preview the interface screenshots and explore related UI patterns. Taking notes to the next level","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5d24f39e-80ca-4ebe-8202-bc2eddc78853.png",[13,16,19,22],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":21},"Craft design examples","\u002Fexamples\u002Fapps\u002Fcraft",{"label":23,"to":4},"Craft product screens examples",{"title":23,"eyebrow":25,"description":10,"sections":26,"body":27},"SaaS app examples",[],[],{"title":29,"slug":30,"description":31,"logo":32,"url":33,"twitter_username":34,"categories":35},"Craft","craft","Taking notes to the next level","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcraft-gw2w5ytx.png","https:\u002F\u002Fwww.craft.do","craftdocsapp",[36,40,44,48],{"id":37,"title":38,"slug":39},30,"Productivity","productivity",{"id":41,"title":42,"slug":43},22,"Knowledge Management","knowledge-management",{"id":45,"title":46,"slug":47},29,"Task Management","task-management",{"id":49,"title":50,"slug":51},59,"Writing tools","writing-tools",[53,86,110,123,136,150,161,199,221,254,290,324],{"uuid":54,"title":55,"description":56,"canonical_path":4,"image":11,"width":57,"height":58,"image_alt":59,"kind":60,"patterns":61,"component_categories":71,"app":84},"5d24f39e-80ca-4ebe-8202-bc2eddc78853","Craft — A fresh take on documents","Sign-in screen where the user authenticates with an email address or through Google, Apple, or Microsoft SSO.",3024,1780,"Craft — A fresh take on documents from Craft","screen",[62],{"id":63,"label":64,"slug":65,"rank":66,"group":67},4,"Sign In","sign-in",0,{"id":68,"label":69,"slug":70},1,"Access & Account","access-and-account",[72,76,80],{"id":73,"title":74,"slug":75},174,"Card","card",{"id":77,"title":78,"slug":79},240,"Horizontal navigation","horizontal-navigation",{"id":81,"title":82,"slug":83},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":85},[],{"uuid":87,"title":55,"description":88,"canonical_path":4,"image":89,"width":57,"height":58,"image_alt":59,"kind":60,"patterns":90,"component_categories":104,"app":108},"6f500dfd-b1a9-4fd9-82ba-1b623821a988","Authentication screen where the user enters their email or selects an OAuth provider like Google, Apple, or Microsoft to log in or create an account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6f500dfd-b1a9-4fd9-82ba-1b623821a988.png",[91,96],{"id":92,"label":93,"slug":94,"rank":66,"group":95},5,"Sign Up","sign-up",{"id":68,"label":69,"slug":70},{"id":97,"label":98,"slug":99,"rank":68,"group":100},103,"SSO","sso",{"id":101,"label":102,"slug":103},10,"Settings & Admin","settings-and-admin",[105,106,107],{"id":73,"title":74,"slug":75},{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":30,"title":29,"logo":32,"categories":109},[],{"uuid":111,"title":55,"description":112,"canonical_path":4,"image":113,"width":57,"height":58,"image_alt":59,"kind":60,"patterns":114,"component_categories":117,"app":121},"78e3aed7-edab-41a0-a30b-e6f247e40f60","Sign-in and sign-up screen where the user enters their email to continue or authenticates with Google, Apple, or Microsoft.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F78e3aed7-edab-41a0-a30b-e6f247e40f60.png",[115],{"id":92,"label":93,"slug":94,"rank":66,"group":116},{"id":68,"label":69,"slug":70},[118,119,120],{"id":73,"title":74,"slug":75},{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":30,"title":29,"logo":32,"categories":122},[],{"uuid":124,"title":55,"description":125,"canonical_path":4,"image":126,"width":57,"height":58,"image_alt":59,"kind":60,"patterns":127,"component_categories":130,"app":134},"124845ff-63fe-4e8a-8373-05c6d34a5b9c","Authentication screen where the user can enter their email to log in or sign up, or choose to continue via Google, Apple, or Microsoft.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F124845ff-63fe-4e8a-8373-05c6d34a5b9c.png",[128],{"id":92,"label":93,"slug":94,"rank":66,"group":129},{"id":68,"label":69,"slug":70},[131,132,133],{"id":73,"title":74,"slug":75},{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":30,"title":29,"logo":32,"categories":135},[],{"uuid":137,"title":55,"description":138,"canonical_path":4,"image":139,"width":57,"height":58,"image_alt":59,"kind":60,"patterns":140,"component_categories":146,"app":148},"09dd71c2-4944-4e69-b5fe-b04377d3c17f","Verification screen where the user enters a 6-digit code sent to products@nicelydone.club to confirm their identity.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F09dd71c2-4944-4e69-b5fe-b04377d3c17f.png",[141],{"id":142,"label":143,"slug":144,"rank":66,"group":145},6,"Verification","verification",{"id":68,"label":69,"slug":70},[147],{"id":81,"title":82,"slug":83},{"slug":30,"title":29,"logo":32,"categories":149},[],{"uuid":151,"title":55,"description":152,"canonical_path":4,"image":153,"width":57,"height":58,"image_alt":59,"kind":60,"patterns":154,"component_categories":157,"app":159},"ad9865a6-de22-4827-aec7-4996cc6a984e","Verification screen where the user enters a 6-digit code sent to their email to authenticate.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fad9865a6-de22-4827-aec7-4996cc6a984e.png",[155],{"id":142,"label":143,"slug":144,"rank":66,"group":156},{"id":68,"label":69,"slug":70},[158],{"id":81,"title":82,"slug":83},{"slug":30,"title":29,"logo":32,"categories":160},[],{"uuid":162,"title":163,"description":164,"canonical_path":4,"image":165,"width":57,"height":58,"image_alt":166,"kind":60,"patterns":167,"component_categories":191,"app":197},"ceb8be9c-c702-456f-8bdd-eaeb212b22b2","Recents","List view where the user's recently opened documents will appear, currently showing an empty state with prompts to create a new doc or use templates.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fceb8be9c-c702-456f-8bdd-eaeb212b22b2.png","Recents from Craft",[168,176,184],{"id":169,"label":170,"slug":171,"rank":66,"group":172},115,"Empty State","empty-state",{"id":173,"label":174,"slug":175},12,"States & Feedback","states-and-feedback",{"id":177,"label":178,"slug":179,"rank":68,"group":180},81,"Home","home",{"id":181,"label":182,"slug":183},8,"Pages & Content","pages-and-content",{"id":41,"label":185,"slug":186,"rank":187,"group":188},"Search","search",2,{"id":187,"label":189,"slug":190},"Actions","actions",[192,196],{"id":193,"title":194,"slug":195},169,"Avatar","avatar",{"id":81,"title":82,"slug":83},{"slug":30,"title":29,"logo":32,"categories":198},[],{"uuid":200,"title":163,"description":201,"canonical_path":4,"image":202,"width":57,"height":58,"image_alt":166,"kind":60,"patterns":203,"component_categories":216,"app":219},"4b27fa37-285c-4540-b0b6-69064b194c4f","List view where the user's recently opened documents will appear, currently showing an empty state with options to create a new doc or start from a template.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4b27fa37-285c-4540-b0b6-69064b194c4f.png",[204,206,208],{"id":169,"label":170,"slug":171,"rank":66,"group":205},{"id":173,"label":174,"slug":175},{"id":41,"label":185,"slug":186,"rank":68,"group":207},{"id":187,"label":189,"slug":190},{"id":209,"label":210,"slug":211,"rank":187,"group":212},92,"Upgrade Prompt","upgrade-prompt",{"id":213,"label":214,"slug":215},9,"Plans & Limits","plans-and-limits",[217,218],{"id":193,"title":194,"slug":195},{"id":81,"title":82,"slug":83},{"slug":30,"title":29,"logo":32,"categories":220},[],{"uuid":222,"title":223,"description":224,"canonical_path":4,"image":225,"width":57,"height":58,"image_alt":226,"kind":60,"patterns":227,"component_categories":241,"app":252},"cb9d5be9-ee3b-4ed1-92e6-66cdb30c8b76","Untitled Page","Content editor where the user starts a new document with an empty page and an open insert panel for adding blocks like text, images, and tables.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcb9d5be9-ee3b-4ed1-92e6-66cdb30c8b76.png","Untitled Page from Craft",[228,235,239],{"id":229,"label":230,"slug":231,"rank":66,"group":232},55,"Design Editor","design-editor",{"id":92,"label":233,"slug":234},"Media & Tools","media-and-tools",{"id":101,"label":236,"slug":237,"rank":68,"group":238},"Drag & Drop","drag-and-drop",{"id":187,"label":189,"slug":190},{"id":169,"label":170,"slug":171,"rank":187,"group":240},{"id":173,"label":174,"slug":175},[242,246,250,251],{"id":243,"title":244,"slug":245},233,"Tabs","tabs",{"id":247,"title":248,"slug":249},260,"Badge","badge",{"id":193,"title":194,"slug":195},{"id":77,"title":78,"slug":79},{"slug":30,"title":29,"logo":32,"categories":253},[],{"uuid":255,"title":256,"description":257,"canonical_path":4,"image":258,"width":57,"height":58,"image_alt":259,"kind":60,"patterns":260,"component_categories":278,"app":288},"a691ab2f-f472-4e47-971a-57e20e4df58c","The Art and Science of Design Engineering: Building Tomorrow, Today","Block-based document editor where the user is writing a title and has the insert menu open in the right sidebar to add new content blocks.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa691ab2f-f472-4e47-971a-57e20e4df58c.png","The Art and Science of Design Engineering: Building Tomorrow, Today from Craft",[261,263,270],{"id":229,"label":230,"slug":231,"rank":66,"group":262},{"id":92,"label":233,"slug":234},{"id":45,"label":264,"slug":265,"rank":68,"group":266},"AI Editing","ai-editing",{"id":267,"label":268,"slug":269},3,"AI","ai",{"id":271,"label":272,"slug":273,"rank":187,"group":274},106,"Comments","comments",{"id":275,"label":276,"slug":277},11,"Social & Collaboration","social-and-collaboration",[279,283,284,285,286,287],{"id":280,"title":281,"slug":282},277,"Button group","button-group",{"id":243,"title":244,"slug":245},{"id":247,"title":248,"slug":249},{"id":193,"title":194,"slug":195},{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":30,"title":29,"logo":32,"categories":289},[],{"uuid":291,"title":256,"description":292,"canonical_path":4,"image":293,"width":57,"height":58,"image_alt":259,"kind":60,"patterns":294,"component_categories":315,"app":322},"d46c7d77-b7af-4768-baae-9562040e7cc4","Content editor where the user writes a document with a left sidebar for navigation and a right sidebar for inserting blocks like text, images, and tables.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd46c7d77-b7af-4768-baae-9562040e7cc4.png",[295,303,308,310],{"id":296,"label":297,"slug":298,"rank":66,"group":299},78,"Article","article",{"id":300,"label":301,"slug":302},15,"Marketing Page Types","marketing-page-types",{"id":304,"label":305,"slug":306,"rank":68,"group":307},82,"Media Detail","media-detail",{"id":181,"label":182,"slug":183},{"id":101,"label":236,"slug":237,"rank":187,"group":309},{"id":187,"label":189,"slug":190},{"id":311,"label":312,"slug":313,"rank":267,"group":314},79,"Browse","browse",{"id":181,"label":182,"slug":183},[316,317,318,319,320,321],{"id":243,"title":244,"slug":245},{"id":247,"title":248,"slug":249},{"id":73,"title":74,"slug":75},{"id":193,"title":194,"slug":195},{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":30,"title":29,"logo":32,"categories":323},[],{"uuid":325,"title":256,"description":326,"canonical_path":4,"image":327,"width":57,"height":58,"image_alt":259,"kind":60,"patterns":328,"component_categories":341,"app":351},"6bea1174-7a09-48a4-aba5-b7f4d020a0e3","Document editor where the user is adding an emoji to the document title via a popover picker.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6bea1174-7a09-48a4-aba5-b7f4d020a0e3.png",[329,336],{"id":330,"label":331,"slug":332,"rank":66,"group":333},42,"Form","form",{"id":63,"label":334,"slug":335},"Data & Analysis","data-and-analysis",{"id":337,"label":338,"slug":339,"rank":68,"group":340},58,"Media Editor","media-editor",{"id":92,"label":233,"slug":234},[342,346,347,348,349,350],{"id":343,"title":344,"slug":345},214,"Popover","popover",{"id":243,"title":244,"slug":245},{"id":247,"title":248,"slug":249},{"id":193,"title":194,"slug":195},{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":30,"title":29,"logo":32,"categories":352},[],[],[355,357,359,361,363,365,367,369,371,373,375,377,379,382,385],{"label":170,"to":356},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":93,"to":358},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":230,"to":360},"\u002Fexamples\u002Fscreens\u002Fdesign-editor",{"label":236,"to":362},"\u002Fexamples\u002Fscreens\u002Fdrag-and-drop",{"label":185,"to":364,"count":187},"\u002Fexamples\u002Fscreens\u002Fsearch",{"label":143,"to":366,"count":187},"\u002Fexamples\u002Fscreens\u002Fverification",{"label":264,"to":368,"count":68},"\u002Fexamples\u002Fscreens\u002Fai-editing",{"label":312,"to":370,"count":68},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":272,"to":372,"count":68},"\u002Fexamples\u002Fscreens\u002Fcomments",{"label":331,"to":374,"count":68},"\u002Fexamples\u002Fscreens\u002Fform",{"label":178,"to":376,"count":68},"\u002Fexamples\u002Fscreens\u002Fhome",{"label":305,"to":378,"count":68},"\u002Fexamples\u002Fscreens\u002Fmedia-detail",{"label":380,"to":381},"Productivity app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproductivity",{"label":383,"to":384},"Knowledge Management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fknowledge-management",{"label":386,"to":387},"Task Management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ftask-management",{"published_at":389,"updated_at":390},"2022-04-18T09:40:08.000Z","2026-09-13T13:02:39.000Z"]