[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Farrows\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":48,"showcases":331,"links":332,"dates":393},"\u002Fexamples\u002Fapps\u002Farrows\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Arrows product screens examples - Nicelydone","Browse Arrows screen design examples. Preview the interface screenshots and explore related UI patterns. The collaborative customer onboarding platform…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F523b1ba0-ccd7-4e4b-9808-a2d8fe86e2d1.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},"Arrows design examples","\u002Fexamples\u002Fapps\u002Farrows",{"label":23,"to":4},"Arrows product screens examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Arrows screen design examples. Preview the interface screenshots and explore related UI patterns. The collaborative customer onboarding platform built for HubSpot",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"categories":35},"Arrows","arrows","The collaborative customer onboarding platform built for HubSpot","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Farrows-aff15ff3.png","https:\u002F\u002Farrows.to",[36,40,44],{"id":37,"title":38,"slug":39},53,"CRM","crm",{"id":41,"title":42,"slug":43},23,"Collaboration","collaboration",{"id":45,"title":46,"slug":47},29,"Task Management","task-management",[49,82,95,123,139,182,200,219,239,254,285,309],{"uuid":50,"title":51,"description":52,"canonical_path":4,"image":11,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":57,"component_categories":67,"app":80},"523b1ba0-ccd7-4e4b-9808-a2d8fe86e2d1","Shared onboarding plans – Arrows.to","Signin screen where the user enters their email address to receive a passwordless magic login link.",3024,1738,"Shared onboarding plans – Arrows.to from Arrows","screen",[58],{"id":59,"label":60,"slug":61,"rank":62,"group":63},4,"Sign In","sign-in",0,{"id":64,"label":65,"slug":66},1,"Access & Account","access-and-account",[68,72,76],{"id":69,"title":70,"slug":71},240,"Horizontal navigation","horizontal-navigation",{"id":73,"title":74,"slug":75},175,"Button","button",{"id":77,"title":78,"slug":79},174,"Card","card",{"slug":31,"title":30,"logo":33,"categories":81},[],{"uuid":83,"title":51,"description":84,"canonical_path":4,"image":85,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":86,"component_categories":89,"app":93},"4482136e-4af7-4815-af0f-65b11d679b8f","Signin page where the user enters their email address to receive a magic login link, featuring a top toast notification prompting them to sign up.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4482136e-4af7-4815-af0f-65b11d679b8f.png",[87],{"id":59,"label":60,"slug":61,"rank":62,"group":88},{"id":64,"label":65,"slug":66},[90,91,92],{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"id":77,"title":78,"slug":79},{"slug":31,"title":30,"logo":33,"categories":94},[],{"uuid":96,"title":51,"description":97,"canonical_path":4,"image":98,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":99,"component_categories":118,"app":121},"cbd75a76-5cc1-4c55-be74-f6fbf1d29466","Signup screen where the user chooses to connect their HubSpot account or another CRM like Salesforce or Pipedrive to create their workspace.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcbd75a76-5cc1-4c55-be74-f6fbf1d29466.png",[100,105,113],{"id":101,"label":102,"slug":103,"rank":62,"group":104},5,"Sign Up","sign-up",{"id":64,"label":65,"slug":66},{"id":106,"label":107,"slug":108,"rank":64,"group":109},97,"Integrations","integrations",{"id":110,"label":111,"slug":112},10,"Settings & Admin","settings-and-admin",{"id":64,"label":114,"slug":115,"rank":116,"group":117},"Account Setup","account-setup",2,{"id":64,"label":65,"slug":66},[119,120],{"id":73,"title":74,"slug":75},{"id":77,"title":78,"slug":79},{"slug":31,"title":30,"logo":33,"categories":122},[],{"uuid":124,"title":51,"description":125,"canonical_path":4,"image":126,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":127,"component_categories":134,"app":137},"f092b292-3d8a-496d-80aa-94152d4df789","Signup screen where the user connects their HubSpot, Salesforce, or other CRM account to get started.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff092b292-3d8a-496d-80aa-94152d4df789.png",[128,130,132],{"id":64,"label":114,"slug":115,"rank":62,"group":129},{"id":64,"label":65,"slug":66},{"id":101,"label":102,"slug":103,"rank":64,"group":131},{"id":64,"label":65,"slug":66},{"id":106,"label":107,"slug":108,"rank":116,"group":133},{"id":110,"label":111,"slug":112},[135,136],{"id":73,"title":74,"slug":75},{"id":77,"title":78,"slug":79},{"slug":31,"title":30,"logo":33,"categories":138},[],{"uuid":140,"title":51,"description":141,"canonical_path":4,"image":142,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":143,"component_categories":168,"app":180},"eca8d274-0612-4828-acfb-97623403a5bb","Onboarding step where the user confirms their organization name and website after successfully connecting a HubSpot account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Feca8d274-0612-4828-acfb-97623403a5bb.png",[144,152,157,159],{"id":145,"label":146,"slug":147,"rank":62,"group":148},74,"Onboarding Checklist","onboarding-checklist",{"id":149,"label":150,"slug":151},7,"Onboarding & Education","onboarding-and-education",{"id":153,"label":154,"slug":155,"rank":64,"group":156},104,"Team Management","team-management",{"id":110,"label":111,"slug":112},{"id":64,"label":114,"slug":115,"rank":116,"group":158},{"id":64,"label":65,"slug":66},{"id":160,"label":161,"slug":162,"rank":163,"group":164},122,"Success","success",3,{"id":165,"label":166,"slug":167},12,"States & Feedback","states-and-feedback",[169,173,177,178,179],{"id":170,"title":171,"slug":172},227,"Stepper","stepper",{"id":174,"title":175,"slug":176},169,"Avatar","avatar",{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"id":77,"title":78,"slug":79},{"slug":31,"title":30,"logo":33,"categories":181},[],{"uuid":183,"title":51,"description":184,"canonical_path":4,"image":185,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":186,"component_categories":193,"app":198},"f7189898-7d7c-41ed-8249-b9de7c9f44e4","Onboarding step where the user provides their organization name and website to set up their team workspace.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff7189898-7d7c-41ed-8249-b9de7c9f44e4.png",[187,189,191],{"id":64,"label":114,"slug":115,"rank":62,"group":188},{"id":64,"label":65,"slug":66},{"id":153,"label":154,"slug":155,"rank":64,"group":190},{"id":110,"label":111,"slug":112},{"id":145,"label":146,"slug":147,"rank":116,"group":192},{"id":149,"label":150,"slug":151},[194,195,196,197],{"id":170,"title":171,"slug":172},{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"id":77,"title":78,"slug":79},{"slug":31,"title":30,"logo":33,"categories":199},[],{"uuid":201,"title":51,"description":202,"canonical_path":4,"image":203,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":204,"component_categories":212,"app":217},"bc7636ef-c479-48c5-9679-1891b40fafb7","Onboarding step where the user customizes their workspace branding by setting a brand color and providing a logo URL.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbc7636ef-c479-48c5-9679-1891b40fafb7.png",[205,210],{"id":206,"label":207,"slug":208,"rank":62,"group":209},75,"Setup Wizard","setup-wizard",{"id":149,"label":150,"slug":151},{"id":64,"label":114,"slug":115,"rank":64,"group":211},{"id":64,"label":65,"slug":66},[213,214,215,216],{"id":170,"title":171,"slug":172},{"id":174,"title":175,"slug":176},{"id":73,"title":74,"slug":75},{"id":77,"title":78,"slug":79},{"slug":31,"title":30,"logo":33,"categories":218},[],{"uuid":220,"title":51,"description":221,"canonical_path":4,"image":222,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":223,"component_categories":228,"app":237},"b038bc6d-4a1c-41e8-81bc-182fef973e97","Onboarding step where the user configures their workspace branding by picking a brand color via a popover and providing a logo URL.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb038bc6d-4a1c-41e8-81bc-182fef973e97.png",[224,226],{"id":206,"label":207,"slug":208,"rank":62,"group":225},{"id":149,"label":150,"slug":151},{"id":64,"label":114,"slug":115,"rank":64,"group":227},{"id":64,"label":65,"slug":66},[229,233,234,235,236],{"id":230,"title":231,"slug":232},183,"Color picker","color-picker",{"id":174,"title":175,"slug":176},{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"id":77,"title":78,"slug":79},{"slug":31,"title":30,"logo":33,"categories":238},[],{"uuid":240,"title":51,"description":241,"canonical_path":4,"image":242,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":243,"component_categories":246,"app":252},"17ce1909-7d70-40bf-8ee0-d8ccb240184a","Onboarding step where the user customizes their workspace by picking a brand color via an open color picker and providing a logo URL.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F17ce1909-7d70-40bf-8ee0-d8ccb240184a.png",[244],{"id":64,"label":114,"slug":115,"rank":62,"group":245},{"id":64,"label":65,"slug":66},[247,248,249,250,251],{"id":230,"title":231,"slug":232},{"id":174,"title":175,"slug":176},{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"id":77,"title":78,"slug":79},{"slug":31,"title":30,"logo":33,"categories":253},[],{"uuid":255,"title":51,"description":256,"canonical_path":4,"image":257,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":258,"component_categories":277,"app":283},"56195fcc-422c-4697-8aea-95efbe0187ad","Onboarding step where the user customizes their workspace branding by providing a hex color code and a logo URL.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F56195fcc-422c-4697-8aea-95efbe0187ad.png",[259,261,268,270],{"id":64,"label":114,"slug":115,"rank":62,"group":260},{"id":64,"label":65,"slug":66},{"id":262,"label":263,"slug":264,"rank":64,"group":265},11,"Edit","edit",{"id":116,"label":266,"slug":267},"Actions","actions",{"id":206,"label":207,"slug":208,"rank":116,"group":269},{"id":149,"label":150,"slug":151},{"id":271,"label":272,"slug":273,"rank":163,"group":274},44,"Progress","progress",{"id":59,"label":275,"slug":276},"Data & Analysis","data-and-analysis",[278,279,280,281,282],{"id":170,"title":171,"slug":172},{"id":174,"title":175,"slug":176},{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"id":77,"title":78,"slug":79},{"slug":31,"title":30,"logo":33,"categories":284},[],{"uuid":286,"title":51,"description":287,"canonical_path":4,"image":288,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":289,"component_categories":301,"app":307},"433fcca4-212e-4f7a-a972-82f25f5c1eb4","Onboarding step where the user is prompted to connect Slack for plan updates or skip to the next step.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F433fcca4-212e-4f7a-a972-82f25f5c1eb4.png",[290,292,294,296],{"id":206,"label":207,"slug":208,"rank":62,"group":291},{"id":149,"label":150,"slug":151},{"id":145,"label":146,"slug":147,"rank":64,"group":293},{"id":149,"label":150,"slug":151},{"id":106,"label":107,"slug":108,"rank":116,"group":295},{"id":110,"label":111,"slug":112},{"id":297,"label":298,"slug":299,"rank":163,"group":300},114,"Confirmation","confirmation",{"id":165,"label":166,"slug":167},[302,303,304,305,306],{"id":170,"title":171,"slug":172},{"id":174,"title":175,"slug":176},{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"id":77,"title":78,"slug":79},{"slug":31,"title":30,"logo":33,"categories":308},[],{"uuid":310,"title":51,"description":311,"canonical_path":4,"image":312,"width":53,"height":313,"image_alt":55,"kind":56,"patterns":314,"component_categories":324,"app":329},"5eb2fe82-96ec-4457-9adb-5ad2341fc292","Onboarding step where the user is prompted to schedule a kickoff call with an Arrows coach or defer it until later.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5eb2fe82-96ec-4457-9adb-5ad2341fc292.png",1844,[315,317,322],{"id":145,"label":146,"slug":147,"rank":62,"group":316},{"id":149,"label":150,"slug":151},{"id":318,"label":319,"slug":320,"rank":64,"group":321},21,"Schedule","schedule",{"id":116,"label":266,"slug":267},{"id":297,"label":298,"slug":299,"rank":116,"group":323},{"id":165,"label":166,"slug":167},[325,326,327,328],{"id":170,"title":171,"slug":172},{"id":174,"title":175,"slug":176},{"id":69,"title":70,"slug":71},{"id":77,"title":78,"slug":79},{"slug":31,"title":30,"logo":33,"categories":330},[],[],[333,335,337,339,341,343,345,347,349,351,353,355,357,360,363,366,369,372,375,377,381,385,389],{"label":114,"to":334},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":146,"to":336},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":207,"to":338},"\u002Fexamples\u002Fscreens\u002Fsetup-wizard",{"label":107,"to":340},"\u002Fexamples\u002Fscreens\u002Fintegrations",{"label":298,"to":342},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":60,"to":344},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":102,"to":346},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":154,"to":348},"\u002Fexamples\u002Fscreens\u002Fteam-management",{"label":263,"to":350},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":272,"to":352},"\u002Fexamples\u002Fscreens\u002Fprogress",{"label":319,"to":354},"\u002Fexamples\u002Fscreens\u002Fschedule",{"label":161,"to":356},"\u002Fexamples\u002Fscreens\u002Fsuccess",{"label":358,"to":359},"Arrows marketing pages","\u002Fexamples\u002Fapps\u002Farrows\u002Fmarketing",{"label":361,"to":362},"Arrows user flows","\u002Fexamples\u002Fapps\u002Farrows\u002Fflows",{"label":364,"to":365},"Arrows UI components","\u002Fexamples\u002Fapps\u002Farrows\u002Fcomponents",{"label":367,"to":368},"CRM app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcrm",{"label":370,"to":371},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":373,"to":374},"Task Management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ftask-management",{"label":376,"to":18},"All SaaS app examples",{"label":378,"to":379,"description":380},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":382,"to":383,"description":384},"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":386,"to":387,"description":388},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":390,"to":391,"description":392},"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":394,"updated_at":395},"2023-06-20T13:36:16.000Z","2026-09-13T13:02:39.000Z"]