[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Ffront":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":40,"examples":64,"showcases":65,"links":303,"dates":339},"\u002Fexamples\u002Fapps\u002Ffront","detail","apps",true,{"title":9,"description":10,"og_image":11},"Front design examples - Nicelydone","Explore Front UI design examples. Email redesigned for teams","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F68d851ab-860c-45c5-ada9-e1390cffd670.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Front design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":39},"SaaS app examples",[24],{"title":25,"links":26},"Explore Front",[27,30,33,36],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Ffront\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Ffront\u002Fflows",{"label":34,"to":35},"UI components","\u002Fexamples\u002Fapps\u002Ffront\u002Fcomponents",{"label":37,"to":38},"marketing pages","\u002Fexamples\u002Fapps\u002Ffront\u002Fmarketing",[],{"title":41,"slug":42,"description":43,"logo":44,"url":45,"twitter_username":46,"categories":47},"Front","front","Email redesigned for teams","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ffront-f25c6b6e.png","https:\u002F\u002Ffrontapp.com","FrontHQ",[48,52,56,60],{"id":49,"title":50,"slug":51},23,"Collaboration","collaboration",{"id":53,"title":54,"slug":55},47,"Customer Service","customer-service",{"id":57,"title":58,"slug":59},82,"Communication","communication",{"id":61,"title":62,"slug":63},92,"Email","email",[],[66,294,297,300],{"family":67,"examples":68},"screens",[69,93,107,131,173,184,195,211,222,237,250,276],{"uuid":70,"title":41,"description":71,"canonical_path":29,"image":11,"width":72,"height":73,"image_alt":74,"kind":75,"patterns":76,"component_categories":86,"app":91},"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",[77],{"id":78,"label":79,"slug":80,"rank":81,"group":82},4,"Sign In","sign-in",0,{"id":83,"label":84,"slug":85},1,"Access & Account","access-and-account",[87],{"id":88,"title":89,"slug":90},175,"Button","button",{"slug":42,"title":41,"logo":44,"categories":92},[],{"uuid":94,"title":41,"description":95,"canonical_path":29,"image":96,"width":72,"height":73,"image_alt":74,"kind":75,"patterns":97,"component_categories":103,"app":105},"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",[98],{"id":99,"label":100,"slug":101,"rank":81,"group":102},2,"Forgot Password","forgot-password",{"id":83,"label":84,"slug":85},[104],{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":106},[],{"uuid":108,"title":41,"description":109,"canonical_path":29,"image":110,"width":72,"height":73,"image_alt":74,"kind":75,"patterns":111,"component_categories":128,"app":129},"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",[112,120],{"id":113,"label":114,"slug":115,"rank":81,"group":116},120,"Loading","loading",{"id":117,"label":118,"slug":119},12,"States & Feedback","states-and-feedback",{"id":121,"label":122,"slug":123,"rank":83,"group":124},77,"Welcome","welcome",{"id":125,"label":126,"slug":127},7,"Onboarding & Education","onboarding-and-education",[],{"slug":42,"title":41,"logo":44,"categories":130},[],{"uuid":132,"title":41,"description":133,"canonical_path":29,"image":134,"width":72,"height":73,"image_alt":74,"kind":75,"patterns":135,"component_categories":149,"app":171},"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",[136,141],{"id":137,"label":138,"slug":139,"rank":81,"group":140},115,"Empty State","empty-state",{"id":117,"label":118,"slug":119},{"id":142,"label":143,"slug":144,"rank":83,"group":145},91,"Trial","trial",{"id":146,"label":147,"slug":148},9,"Plans & Limits","plans-and-limits",[150,154,158,162,166,170],{"id":151,"title":152,"slug":153},277,"Button group","button-group",{"id":155,"title":156,"slug":157},260,"Badge","badge",{"id":159,"title":160,"slug":161},169,"Avatar","avatar",{"id":163,"title":164,"slug":165},240,"Horizontal navigation","horizontal-navigation",{"id":167,"title":168,"slug":169},233,"Tabs","tabs",{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":172},[],{"uuid":174,"title":41,"description":175,"canonical_path":29,"image":176,"width":72,"height":73,"image_alt":74,"kind":75,"patterns":177,"component_categories":180,"app":182},"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",[178],{"id":99,"label":100,"slug":101,"rank":81,"group":179},{"id":83,"label":84,"slug":85},[181],{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":183},[],{"uuid":185,"title":41,"description":186,"canonical_path":29,"image":187,"width":72,"height":73,"image_alt":74,"kind":75,"patterns":188,"component_categories":191,"app":193},"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",[189],{"id":99,"label":100,"slug":101,"rank":81,"group":190},{"id":83,"label":84,"slug":85},[192],{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":194},[],{"uuid":196,"title":41,"description":197,"canonical_path":29,"image":198,"width":72,"height":73,"image_alt":74,"kind":75,"patterns":199,"component_categories":207,"app":209},"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",[200,202],{"id":99,"label":100,"slug":101,"rank":81,"group":201},{"id":83,"label":84,"slug":85},{"id":203,"label":204,"slug":205,"rank":83,"group":206},122,"Success","success",{"id":117,"label":118,"slug":119},[208],{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":210},[],{"uuid":212,"title":41,"description":213,"canonical_path":29,"image":214,"width":72,"height":73,"image_alt":74,"kind":75,"patterns":215,"component_categories":218,"app":220},"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",[216],{"id":99,"label":100,"slug":101,"rank":81,"group":217},{"id":83,"label":84,"slug":85},[219],{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":221},[],{"uuid":223,"title":41,"description":213,"canonical_path":29,"image":224,"width":72,"height":73,"image_alt":74,"kind":75,"patterns":225,"component_categories":233,"app":235},"fe873927-5375-4e74-ad1e-83908f27ea58","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffe873927-5375-4e74-ad1e-83908f27ea58.png",[226,228],{"id":99,"label":100,"slug":101,"rank":81,"group":227},{"id":83,"label":84,"slug":85},{"id":229,"label":230,"slug":231,"rank":83,"group":232},114,"Confirmation","confirmation",{"id":117,"label":118,"slug":119},[234],{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":236},[],{"uuid":238,"title":41,"description":239,"canonical_path":29,"image":240,"width":72,"height":73,"image_alt":74,"kind":75,"patterns":241,"component_categories":246,"app":248},"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",[242,244],{"id":99,"label":100,"slug":101,"rank":81,"group":243},{"id":83,"label":84,"slug":85},{"id":203,"label":204,"slug":205,"rank":83,"group":245},{"id":117,"label":118,"slug":119},[247],{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":249},[],{"uuid":251,"title":252,"description":253,"canonical_path":29,"image":254,"width":72,"height":73,"image_alt":255,"kind":75,"patterns":256,"component_categories":266,"app":274},"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",[257,262,264],{"id":258,"label":259,"slug":260,"rank":81,"group":261},5,"Sign Up","sign-up",{"id":83,"label":84,"slug":85},{"id":142,"label":143,"slug":144,"rank":83,"group":263},{"id":146,"label":147,"slug":148},{"id":229,"label":230,"slug":231,"rank":99,"group":265},{"id":117,"label":118,"slug":119},[267,271,272,273],{"id":268,"title":269,"slug":270},284,"Modal","modal",{"id":163,"title":164,"slug":165},{"id":167,"title":168,"slug":169},{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":275},[],{"uuid":277,"title":252,"description":278,"canonical_path":29,"image":279,"width":72,"height":73,"image_alt":255,"kind":75,"patterns":280,"component_categories":287,"app":292},"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",[281,283,285],{"id":258,"label":259,"slug":260,"rank":81,"group":282},{"id":83,"label":84,"slug":85},{"id":142,"label":143,"slug":144,"rank":83,"group":284},{"id":146,"label":147,"slug":148},{"id":229,"label":230,"slug":231,"rank":99,"group":286},{"id":117,"label":118,"slug":119},[288,289,290,291],{"id":268,"title":269,"slug":270},{"id":163,"title":164,"slug":165},{"id":167,"title":168,"slug":169},{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":293},[],{"family":295,"examples":296},"flows",[],{"family":298,"examples":299},"components",[],{"family":301,"examples":302},"pages",[],[304,306,308,310,312,315,318,321,323,327,331,335],{"label":305,"to":29},"Front product screens",{"label":307,"to":38},"Front marketing pages",{"label":309,"to":32},"Front user flows",{"label":311,"to":35},"Front UI components",{"label":313,"to":314},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":316,"to":317},"Customer Service app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcustomer-service",{"label":319,"to":320},"Communication app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcommunication",{"label":322,"to":18},"All SaaS app examples",{"label":324,"to":325,"description":326},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":328,"to":329,"description":330},"SaaS marketing page examples","\u002Fexamples\u002Fpages","Browse real SaaS marketing pages grouped by page type, from landing pages to pricing and customer story pages.",{"label":332,"to":333,"description":334},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":336,"to":337,"description":338},"User flow examples from SaaS apps","\u002Fexamples\u002Fflows","Explore user flow examples for sign-up, onboarding, billing, and other SaaS tasks. Compare the order of screens and preview the opening steps from real apps.",{"published_at":340,"updated_at":341},"2016-07-13T08:45:02.000Z","2026-09-13T13:02:39.000Z"]