[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Ffront\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":278,"links":279,"dates":307},"\u002Fexamples\u002Fapps\u002Ffront\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Front product screens examples - Nicelydone","Browse Front screen design examples. Preview the interface screenshots and explore related UI patterns. Email redesigned for teams","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F68d851ab-860c-45c5-ada9-e1390cffd670.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},"Front design examples","\u002Fexamples\u002Fapps\u002Ffront",{"label":23,"to":4},"Front 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},"Front","front","Email redesigned for teams","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ffront-f25c6b6e.png","https:\u002F\u002Ffrontapp.com","FrontHQ",[36,40,44,48],{"id":37,"title":38,"slug":39},23,"Collaboration","collaboration",{"id":41,"title":42,"slug":43},47,"Customer Service","customer-service",{"id":45,"title":46,"slug":47},82,"Communication","communication",{"id":49,"title":50,"slug":51},92,"Email","email",[53,77,91,115,157,168,179,195,206,221,234,260],{"uuid":54,"title":29,"description":55,"canonical_path":4,"image":11,"width":56,"height":57,"image_alt":58,"kind":59,"patterns":60,"component_categories":70,"app":75},"68d851ab-860c-45c5-ada9-e1390cffd670","Sign-in screen where the user authenticates with email and password, Google, Office 365, or SSO.",3024,1778,"Front from Front","screen",[61],{"id":62,"label":63,"slug":64,"rank":65,"group":66},4,"Sign In","sign-in",0,{"id":67,"label":68,"slug":69},1,"Access & Account","access-and-account",[71],{"id":72,"title":73,"slug":74},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":76},[],{"uuid":78,"title":29,"description":79,"canonical_path":4,"image":80,"width":56,"height":57,"image_alt":58,"kind":59,"patterns":81,"component_categories":87,"app":89},"2e0aab34-d12b-4d9e-934f-d866884430f6","Sign-in screen where the user authenticates with email and password, or via Google and Office 365 SSO.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2e0aab34-d12b-4d9e-934f-d866884430f6.png",[82],{"id":83,"label":84,"slug":85,"rank":65,"group":86},2,"Forgot Password","forgot-password",{"id":67,"label":68,"slug":69},[88],{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":90},[],{"uuid":92,"title":29,"description":93,"canonical_path":4,"image":94,"width":56,"height":57,"image_alt":58,"kind":59,"patterns":95,"component_categories":112,"app":113},"d6892e9e-a4ea-4c1c-b907-72a535c2cd69","App loading screen displaying a branded progress bar and a calming message while the workspace initializes.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd6892e9e-a4ea-4c1c-b907-72a535c2cd69.png",[96,104],{"id":97,"label":98,"slug":99,"rank":65,"group":100},120,"Loading","loading",{"id":101,"label":102,"slug":103},12,"States & Feedback","states-and-feedback",{"id":105,"label":106,"slug":107,"rank":67,"group":108},77,"Welcome","welcome",{"id":109,"label":110,"slug":111},7,"Onboarding & Education","onboarding-and-education",[],{"slug":30,"title":29,"logo":32,"categories":114},[],{"uuid":116,"title":29,"description":117,"canonical_path":4,"image":118,"width":56,"height":57,"image_alt":58,"kind":59,"patterns":119,"component_categories":133,"app":155},"fdbe962c-4a24-4beb-ab45-169aad355239","Inbox view where the user sees an empty state for a shared inbox, with options to compose a new message, navigate folders, or upgrade their expiring trial.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffdbe962c-4a24-4beb-ab45-169aad355239.png",[120,125],{"id":121,"label":122,"slug":123,"rank":65,"group":124},115,"Empty State","empty-state",{"id":101,"label":102,"slug":103},{"id":126,"label":127,"slug":128,"rank":67,"group":129},91,"Trial","trial",{"id":130,"label":131,"slug":132},9,"Plans & Limits","plans-and-limits",[134,138,142,146,150,154],{"id":135,"title":136,"slug":137},277,"Button group","button-group",{"id":139,"title":140,"slug":141},260,"Badge","badge",{"id":143,"title":144,"slug":145},169,"Avatar","avatar",{"id":147,"title":148,"slug":149},240,"Horizontal navigation","horizontal-navigation",{"id":151,"title":152,"slug":153},233,"Tabs","tabs",{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":156},[],{"uuid":158,"title":29,"description":159,"canonical_path":4,"image":160,"width":56,"height":57,"image_alt":58,"kind":59,"patterns":161,"component_categories":164,"app":166},"7bdd1479-2492-41a8-8122-767670920dd4","Password recovery screen where the user enters their email address to receive a reset link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7bdd1479-2492-41a8-8122-767670920dd4.png",[162],{"id":83,"label":84,"slug":85,"rank":65,"group":163},{"id":67,"label":68,"slug":69},[165],{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":167},[],{"uuid":169,"title":29,"description":170,"canonical_path":4,"image":171,"width":56,"height":57,"image_alt":58,"kind":59,"patterns":172,"component_categories":175,"app":177},"133d8f18-bf22-415f-91ed-feff7cdda6a1","Password recovery screen where the user submits their email address to receive a reset link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F133d8f18-bf22-415f-91ed-feff7cdda6a1.png",[173],{"id":83,"label":84,"slug":85,"rank":65,"group":174},{"id":67,"label":68,"slug":69},[176],{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":178},[],{"uuid":180,"title":29,"description":181,"canonical_path":4,"image":182,"width":56,"height":57,"image_alt":58,"kind":59,"patterns":183,"component_categories":191,"app":193},"7ddefdaf-6f7f-4e19-b791-de66ad6b04ce","Password recovery success screen confirming that a reset link has been sent to the user's email address, with a prompt to return to the login page.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7ddefdaf-6f7f-4e19-b791-de66ad6b04ce.png",[184,186],{"id":83,"label":84,"slug":85,"rank":65,"group":185},{"id":67,"label":68,"slug":69},{"id":187,"label":188,"slug":189,"rank":67,"group":190},122,"Success","success",{"id":101,"label":102,"slug":103},[192],{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":194},[],{"uuid":196,"title":29,"description":197,"canonical_path":4,"image":198,"width":56,"height":57,"image_alt":58,"kind":59,"patterns":199,"component_categories":202,"app":204},"c8e5f400-8624-409e-b575-bf675f5866f6","Password recovery screen where the user enters a new password meeting specific character requirements to regain access to their account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc8e5f400-8624-409e-b575-bf675f5866f6.png",[200],{"id":83,"label":84,"slug":85,"rank":65,"group":201},{"id":67,"label":68,"slug":69},[203],{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":205},[],{"uuid":207,"title":29,"description":197,"canonical_path":4,"image":208,"width":56,"height":57,"image_alt":58,"kind":59,"patterns":209,"component_categories":217,"app":219},"fe873927-5375-4e74-ad1e-83908f27ea58","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffe873927-5375-4e74-ad1e-83908f27ea58.png",[210,212],{"id":83,"label":84,"slug":85,"rank":65,"group":211},{"id":67,"label":68,"slug":69},{"id":213,"label":214,"slug":215,"rank":67,"group":216},114,"Confirmation","confirmation",{"id":101,"label":102,"slug":103},[218],{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":220},[],{"uuid":222,"title":29,"description":223,"canonical_path":4,"image":224,"width":56,"height":57,"image_alt":58,"kind":59,"patterns":225,"component_categories":230,"app":232},"9c6ab8a0-2ca4-468d-910b-266635c2463f","Password recovery screen where a success message confirms the password modification and prompts the user to return to login.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9c6ab8a0-2ca4-468d-910b-266635c2463f.png",[226,228],{"id":83,"label":84,"slug":85,"rank":65,"group":227},{"id":67,"label":68,"slug":69},{"id":187,"label":188,"slug":189,"rank":67,"group":229},{"id":101,"label":102,"slug":103},[231],{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":233},[],{"uuid":235,"title":236,"description":237,"canonical_path":4,"image":238,"width":56,"height":57,"image_alt":239,"kind":59,"patterns":240,"component_categories":250,"app":258},"7c9dd027-d836-4268-a7bc-0a0b7ceae4ed","Front - The Platform for Exceptional Customer Service at Scale","Signup modal where the user creates a password to start a 14-day free trial, featuring a split layout with social proof and customer logos.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7c9dd027-d836-4268-a7bc-0a0b7ceae4ed.png","Front - The Platform for Exceptional Customer Service at Scale from Front",[241,246,248],{"id":242,"label":243,"slug":244,"rank":65,"group":245},5,"Sign Up","sign-up",{"id":67,"label":68,"slug":69},{"id":126,"label":127,"slug":128,"rank":67,"group":247},{"id":130,"label":131,"slug":132},{"id":213,"label":214,"slug":215,"rank":83,"group":249},{"id":101,"label":102,"slug":103},[251,255,256,257],{"id":252,"title":253,"slug":254},284,"Modal","modal",{"id":147,"title":148,"slug":149},{"id":151,"title":152,"slug":153},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":259},[],{"uuid":261,"title":236,"description":262,"canonical_path":4,"image":263,"width":56,"height":57,"image_alt":239,"kind":59,"patterns":264,"component_categories":271,"app":276},"dc25d5bb-40ae-456d-88f4-879ae49313d6","Signup modal where the user enters their email and password to start a 14-day free trial, featuring social proof and customer logos on the right panel.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdc25d5bb-40ae-456d-88f4-879ae49313d6.png",[265,267,269],{"id":242,"label":243,"slug":244,"rank":65,"group":266},{"id":67,"label":68,"slug":69},{"id":126,"label":127,"slug":128,"rank":67,"group":268},{"id":130,"label":131,"slug":132},{"id":213,"label":214,"slug":215,"rank":83,"group":270},{"id":101,"label":102,"slug":103},[272,273,274,275],{"id":252,"title":253,"slug":254},{"id":147,"title":148,"slug":149},{"id":151,"title":152,"slug":153},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":277},[],[],[280,282,284,286,288,290,292,294,296,298,301,304],{"label":84,"to":281},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":214,"to":283},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":127,"to":285},"\u002Fexamples\u002Fscreens\u002Ftrial",{"label":243,"to":287},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":188,"to":289,"count":83},"\u002Fexamples\u002Fscreens\u002Fsuccess",{"label":122,"to":291,"count":67},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":98,"to":293,"count":67},"\u002Fexamples\u002Fscreens\u002Floading",{"label":63,"to":295,"count":67},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":106,"to":297,"count":67},"\u002Fexamples\u002Fscreens\u002Fwelcome",{"label":299,"to":300},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":302,"to":303},"Customer Service app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcustomer-service",{"label":305,"to":306},"Communication app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcommunication",{"published_at":308,"updated_at":309},"2016-07-13T08:45:02.000Z","2026-09-13T13:02:39.000Z"]