[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fquill":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":34,"examples":49,"showcases":50,"links":323,"dates":358},"\u002Fexamples\u002Fapps\u002Fquill","detail","apps",true,{"title":9,"description":10,"og_image":11},"Quill design examples - Nicelydone","Explore Quill UI design examples. Messaging for teams that focus","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fquill_sign-in_684c3066_nicelydone.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Quill design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":33},"SaaS app examples",[24],{"title":25,"links":26},"Explore Quill",[27,30],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fquill\u002Fscreens",{"label":31,"to":32},"marketing pages","\u002Fexamples\u002Fapps\u002Fquill\u002Fmarketing",[],{"title":35,"slug":36,"description":37,"logo":38,"url":39,"categories":40},"Quill","quill","Messaging for teams that focus","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fquill-d89afd11.png","http:\u002F\u002Fquill.chat",[41,45],{"id":42,"title":43,"slug":44},23,"Collaboration","collaboration",{"id":46,"title":47,"slug":48},30,"Productivity","productivity",[],[51,320],{"family":52,"examples":53},"screens",[54,83,100,122,139,153,181,210,232,252,276,307],{"uuid":55,"title":56,"description":57,"canonical_path":29,"image":11,"width":58,"height":59,"image_alt":60,"kind":61,"patterns":62,"component_categories":72,"app":81},"d5fe4a1f-1c0f-4f96-9349-749422da5e5f","Sign in","Sign-in screen where the user enters their email to authenticate or create a new account, featuring a large branded left panel.",2880,1534,"Sign in from Quill","screen",[63],{"id":64,"label":65,"slug":66,"rank":67,"group":68},4,"Sign In","sign-in",0,{"id":69,"label":70,"slug":71},1,"Access & Account","access-and-account",[73,77],{"id":74,"title":75,"slug":76},260,"Badge","badge",{"id":78,"title":79,"slug":80},175,"Button","button",{"slug":36,"title":35,"logo":38,"categories":82},[],{"uuid":84,"title":85,"description":86,"canonical_path":29,"image":87,"width":58,"height":59,"image_alt":88,"kind":61,"patterns":89,"component_categories":95,"app":98},"e6fdb8bb-ce66-41b6-89d2-b14f428c9c64","Recover password","Password recovery screen where the user requests a reset link for their pre-filled email address.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fquill_recover-password_3d2ef0c3_nicelydone.png","Recover password from Quill",[90],{"id":91,"label":92,"slug":93,"rank":67,"group":94},2,"Forgot Password","forgot-password",{"id":69,"label":70,"slug":71},[96,97],{"id":74,"title":75,"slug":76},{"id":78,"title":79,"slug":80},{"slug":36,"title":35,"logo":38,"categories":99},[],{"uuid":101,"title":102,"description":103,"canonical_path":29,"image":104,"width":58,"height":59,"image_alt":105,"kind":61,"patterns":106,"component_categories":117,"app":120},"7bb65e55-d01d-41d1-93fc-b73e86b4722a","Password reset confirmation","Authentication screen confirming that a password recovery link has been sent to the user's email address, providing a button to dismiss the view.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fquill_password-reset-confirmation_c52ac216_nicelydone.png","Password reset confirmation from Quill",[107,109],{"id":91,"label":92,"slug":93,"rank":67,"group":108},{"id":69,"label":70,"slug":71},{"id":110,"label":111,"slug":112,"rank":69,"group":113},122,"Success","success",{"id":114,"label":115,"slug":116},12,"States & Feedback","states-and-feedback",[118,119],{"id":74,"title":75,"slug":76},{"id":78,"title":79,"slug":80},{"slug":36,"title":35,"logo":38,"categories":121},[],{"uuid":123,"title":124,"description":125,"canonical_path":29,"image":126,"width":58,"height":59,"image_alt":127,"kind":61,"patterns":128,"component_categories":134,"app":137},"c38bf23b-5b4d-46c4-aa04-db77d9f03c02","Sign up","Auth screen where the user can sign in or create an account using Apple, Google, or email.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fquill_sign-up_b8aa41b6_nicelydone.png","Sign up from Quill",[129],{"id":130,"label":131,"slug":132,"rank":67,"group":133},5,"Sign Up","sign-up",{"id":69,"label":70,"slug":71},[135,136],{"id":74,"title":75,"slug":76},{"id":78,"title":79,"slug":80},{"slug":36,"title":35,"logo":38,"categories":138},[],{"uuid":140,"title":141,"description":142,"canonical_path":29,"image":143,"width":58,"height":59,"image_alt":144,"kind":61,"patterns":145,"component_categories":148,"app":151},"de6e850a-7dff-4d9f-835b-c2e8d0b84c79","Sign up via email","Signup screen where the user creates a new account by entering their email, full name, and choosing a password.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fquill_sign-up-via-email_13daa6b5_nicelydone.png","Sign up via email from Quill",[146],{"id":130,"label":131,"slug":132,"rank":67,"group":147},{"id":69,"label":70,"slug":71},[149,150],{"id":74,"title":75,"slug":76},{"id":78,"title":79,"slug":80},{"slug":36,"title":35,"logo":38,"categories":152},[],{"uuid":154,"title":155,"description":156,"canonical_path":29,"image":157,"width":58,"height":59,"image_alt":158,"kind":61,"patterns":159,"component_categories":176,"app":179},"0b67280e-d8e2-43e7-90e8-ba238e434b93","Create team","Onboarding step where the user names their new team to set up their workspace in the Quill beta.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fquill_create-team_79d60f07_nicelydone.png","Create team from Quill",[160,168],{"id":161,"label":162,"slug":163,"rank":67,"group":164},104,"Team Management","team-management",{"id":165,"label":166,"slug":167},10,"Settings & Admin","settings-and-admin",{"id":169,"label":170,"slug":171,"rank":69,"group":172},75,"Setup Wizard","setup-wizard",{"id":173,"label":174,"slug":175},7,"Onboarding & Education","onboarding-and-education",[177,178],{"id":74,"title":75,"slug":76},{"id":78,"title":79,"slug":80},{"slug":36,"title":35,"logo":38,"categories":180},[],{"uuid":182,"title":183,"description":184,"canonical_path":29,"image":185,"width":58,"height":59,"image_alt":186,"kind":61,"patterns":187,"component_categories":193,"app":208},"6c04abc8-d721-4ca0-bb83-01b276958338","Onboarding","Onboarding screen where the user reads a welcome message explaining the core philosophy of threads, activity feed, and notifications before continuing.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fquill_onboarding_32458785_nicelydone.png","Onboarding from Quill",[188],{"id":189,"label":190,"slug":191,"rank":67,"group":192},77,"Welcome","welcome",{"id":173,"label":174,"slug":175},[194,198,202,206,207],{"id":195,"title":196,"slug":197},211,"Pagination","pagination",{"id":199,"title":200,"slug":201},174,"Card","card",{"id":203,"title":204,"slug":205},169,"Avatar","avatar",{"id":74,"title":75,"slug":76},{"id":78,"title":79,"slug":80},{"slug":36,"title":35,"logo":38,"categories":209},[],{"uuid":211,"title":212,"description":213,"canonical_path":29,"image":214,"width":58,"height":59,"image_alt":215,"kind":61,"patterns":216,"component_categories":224,"app":230},"42885b02-ae4e-48a7-abdb-d7055a994dea","Dropdown menu","Onboarding screen where a welcome message explains the product's core concepts like threads, activity feeds, and notifications before the user continues.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fquill_dropdown-menu_2b84921f_nicelydone.png","Dropdown menu from Quill",[217,222],{"id":218,"label":219,"slug":220,"rank":67,"group":221},72,"Getting Started","getting-started",{"id":173,"label":174,"slug":175},{"id":189,"label":190,"slug":191,"rank":69,"group":223},{"id":173,"label":174,"slug":175},[225,226,227,228,229],{"id":195,"title":196,"slug":197},{"id":199,"title":200,"slug":201},{"id":203,"title":204,"slug":205},{"id":74,"title":75,"slug":76},{"id":78,"title":79,"slug":80},{"slug":36,"title":35,"logo":38,"categories":231},[],{"uuid":233,"title":234,"description":235,"canonical_path":29,"image":236,"width":58,"height":59,"image_alt":237,"kind":61,"patterns":238,"component_categories":243,"app":250},"1ebb9a75-2e2c-4150-9701-a94a797d0828","Invite members","Onboarding step where the user can invite teammates by entering their email addresses or phone numbers into a central form.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fquill_invite-members_b5a757ea_nicelydone.png","Invite members from Quill",[239,241],{"id":161,"label":162,"slug":163,"rank":67,"group":240},{"id":165,"label":166,"slug":167},{"id":169,"label":170,"slug":171,"rank":69,"group":242},{"id":173,"label":174,"slug":175},[244,248,249],{"id":245,"title":246,"slug":247},227,"Stepper","stepper",{"id":203,"title":204,"slug":205},{"id":78,"title":79,"slug":80},{"slug":36,"title":35,"logo":38,"categories":251},[],{"uuid":253,"title":254,"description":255,"canonical_path":29,"image":256,"width":58,"height":59,"image_alt":257,"kind":61,"patterns":258,"component_categories":268,"app":274},"47667ae6-2447-4450-84a9-0c171dfebd25","Download app","Onboarding step where the user is prompted to download the macOS desktop app or send an SMS link for the iOS app.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fquill_download-app_9dad47bf_nicelydone.png","Download app from Quill",[259,266],{"id":260,"label":261,"slug":262,"rank":67,"group":263},25,"Upload & Download","upload-and-download",{"id":91,"label":264,"slug":265},"Actions","actions",{"id":218,"label":219,"slug":220,"rank":69,"group":267},{"id":173,"label":174,"slug":175},[269,270,271,272,273],{"id":245,"title":246,"slug":247},{"id":199,"title":200,"slug":201},{"id":203,"title":204,"slug":205},{"id":74,"title":75,"slug":76},{"id":78,"title":79,"slug":80},{"slug":36,"title":35,"logo":38,"categories":275},[],{"uuid":277,"title":278,"description":279,"canonical_path":29,"image":280,"width":58,"height":59,"image_alt":281,"kind":61,"patterns":282,"component_categories":298,"app":305},"607e9be2-51cc-4900-b654-916a03f9227a","Team home","Detail page for a workspace displaying its associated channels and a directory of team members.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fquill_team-home_ed06c53f_nicelydone.png","Team home from Quill",[283,291,293],{"id":284,"label":285,"slug":286,"rank":67,"group":287},81,"Home","home",{"id":288,"label":289,"slug":290},8,"Pages & Content","pages-and-content",{"id":161,"label":162,"slug":163,"rank":69,"group":292},{"id":165,"label":166,"slug":167},{"id":294,"label":295,"slug":296,"rank":91,"group":297},80,"Files","files",{"id":288,"label":289,"slug":290},[299,303,304],{"id":300,"title":301,"slug":302},240,"Horizontal navigation","horizontal-navigation",{"id":203,"title":204,"slug":205},{"id":78,"title":79,"slug":80},{"slug":36,"title":35,"logo":38,"categories":306},[],{"uuid":308,"title":309,"description":310,"canonical_path":29,"image":311,"width":58,"height":59,"image_alt":312,"kind":61,"patterns":313,"component_categories":316,"app":318},"9365c2f3-9fd5-4f6c-9172-ff440fbc3a8e","Create channel","Creation screen where the user names a new channel and configures its workspace, visibility, and placement.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fquill_create-channel_98f86752_nicelydone.png","Create channel from Quill",[314],{"id":161,"label":162,"slug":163,"rank":67,"group":315},{"id":165,"label":166,"slug":167},[317],{"id":78,"title":79,"slug":80},{"slug":36,"title":35,"logo":38,"categories":319},[],{"family":321,"examples":322},"pages",[],[324,326,328,331,334,337,340,342,346,350,354],{"label":325,"to":29},"Quill product screens",{"label":327,"to":32},"Quill marketing pages",{"label":329,"to":330},"Quill user flows","\u002Fexamples\u002Fapps\u002Fquill\u002Fflows",{"label":332,"to":333},"Quill UI components","\u002Fexamples\u002Fapps\u002Fquill\u002Fcomponents",{"label":335,"to":336},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":338,"to":339},"Productivity app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproductivity",{"label":341,"to":18},"All SaaS app examples",{"label":343,"to":344,"description":345},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":347,"to":348,"description":349},"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":351,"to":352,"description":353},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":355,"to":356,"description":357},"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":359,"updated_at":360},"2020-04-10T20:00:00.000Z","2026-09-13T13:02:39.000Z"]