[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Farrows":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":40,"examples":59,"showcases":60,"links":355,"dates":373},"\u002Fexamples\u002Fapps\u002Farrows","detail","apps",true,{"title":9,"description":10,"og_image":11},"Arrows design examples - Nicelydone","Explore Arrows UI design examples. The collaborative customer onboarding platform built for HubSpot","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F523b1ba0-ccd7-4e4b-9808-a2d8fe86e2d1.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Arrows design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":39},"SaaS app examples",[24],{"title":25,"links":26},"Explore Arrows",[27,30,33,36],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Farrows\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Farrows\u002Fflows",{"label":34,"to":35},"UI components","\u002Fexamples\u002Fapps\u002Farrows\u002Fcomponents",{"label":37,"to":38},"marketing pages","\u002Fexamples\u002Fapps\u002Farrows\u002Fmarketing",[],{"title":41,"slug":42,"description":43,"logo":44,"url":45,"categories":46},"Arrows","arrows","The collaborative customer onboarding platform built for HubSpot","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Farrows-aff15ff3.png","https:\u002F\u002Farrows.to",[47,51,55],{"id":48,"title":49,"slug":50},53,"CRM","crm",{"id":52,"title":53,"slug":54},23,"Collaboration","collaboration",{"id":56,"title":57,"slug":58},29,"Task Management","task-management",[],[61,346,349,352],{"family":62,"examples":63},"screens",[64,97,110,138,154,197,215,234,254,269,300,324],{"uuid":65,"title":66,"description":67,"canonical_path":29,"image":11,"width":68,"height":69,"image_alt":70,"kind":71,"patterns":72,"component_categories":82,"app":95},"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",[73],{"id":74,"label":75,"slug":76,"rank":77,"group":78},4,"Sign In","sign-in",0,{"id":79,"label":80,"slug":81},1,"Access & Account","access-and-account",[83,87,91],{"id":84,"title":85,"slug":86},240,"Horizontal navigation","horizontal-navigation",{"id":88,"title":89,"slug":90},175,"Button","button",{"id":92,"title":93,"slug":94},174,"Card","card",{"slug":42,"title":41,"logo":44,"categories":96},[],{"uuid":98,"title":66,"description":99,"canonical_path":29,"image":100,"width":68,"height":69,"image_alt":70,"kind":71,"patterns":101,"component_categories":104,"app":108},"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",[102],{"id":74,"label":75,"slug":76,"rank":77,"group":103},{"id":79,"label":80,"slug":81},[105,106,107],{"id":84,"title":85,"slug":86},{"id":88,"title":89,"slug":90},{"id":92,"title":93,"slug":94},{"slug":42,"title":41,"logo":44,"categories":109},[],{"uuid":111,"title":66,"description":112,"canonical_path":29,"image":113,"width":68,"height":69,"image_alt":70,"kind":71,"patterns":114,"component_categories":133,"app":136},"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",[115,120,128],{"id":116,"label":117,"slug":118,"rank":77,"group":119},5,"Sign Up","sign-up",{"id":79,"label":80,"slug":81},{"id":121,"label":122,"slug":123,"rank":79,"group":124},97,"Integrations","integrations",{"id":125,"label":126,"slug":127},10,"Settings & Admin","settings-and-admin",{"id":79,"label":129,"slug":130,"rank":131,"group":132},"Account Setup","account-setup",2,{"id":79,"label":80,"slug":81},[134,135],{"id":88,"title":89,"slug":90},{"id":92,"title":93,"slug":94},{"slug":42,"title":41,"logo":44,"categories":137},[],{"uuid":139,"title":66,"description":140,"canonical_path":29,"image":141,"width":68,"height":69,"image_alt":70,"kind":71,"patterns":142,"component_categories":149,"app":152},"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",[143,145,147],{"id":79,"label":129,"slug":130,"rank":77,"group":144},{"id":79,"label":80,"slug":81},{"id":116,"label":117,"slug":118,"rank":79,"group":146},{"id":79,"label":80,"slug":81},{"id":121,"label":122,"slug":123,"rank":131,"group":148},{"id":125,"label":126,"slug":127},[150,151],{"id":88,"title":89,"slug":90},{"id":92,"title":93,"slug":94},{"slug":42,"title":41,"logo":44,"categories":153},[],{"uuid":155,"title":66,"description":156,"canonical_path":29,"image":157,"width":68,"height":69,"image_alt":70,"kind":71,"patterns":158,"component_categories":183,"app":195},"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",[159,167,172,174],{"id":160,"label":161,"slug":162,"rank":77,"group":163},74,"Onboarding Checklist","onboarding-checklist",{"id":164,"label":165,"slug":166},7,"Onboarding & Education","onboarding-and-education",{"id":168,"label":169,"slug":170,"rank":79,"group":171},104,"Team Management","team-management",{"id":125,"label":126,"slug":127},{"id":79,"label":129,"slug":130,"rank":131,"group":173},{"id":79,"label":80,"slug":81},{"id":175,"label":176,"slug":177,"rank":178,"group":179},122,"Success","success",3,{"id":180,"label":181,"slug":182},12,"States & Feedback","states-and-feedback",[184,188,192,193,194],{"id":185,"title":186,"slug":187},227,"Stepper","stepper",{"id":189,"title":190,"slug":191},169,"Avatar","avatar",{"id":84,"title":85,"slug":86},{"id":88,"title":89,"slug":90},{"id":92,"title":93,"slug":94},{"slug":42,"title":41,"logo":44,"categories":196},[],{"uuid":198,"title":66,"description":199,"canonical_path":29,"image":200,"width":68,"height":69,"image_alt":70,"kind":71,"patterns":201,"component_categories":208,"app":213},"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",[202,204,206],{"id":79,"label":129,"slug":130,"rank":77,"group":203},{"id":79,"label":80,"slug":81},{"id":168,"label":169,"slug":170,"rank":79,"group":205},{"id":125,"label":126,"slug":127},{"id":160,"label":161,"slug":162,"rank":131,"group":207},{"id":164,"label":165,"slug":166},[209,210,211,212],{"id":185,"title":186,"slug":187},{"id":84,"title":85,"slug":86},{"id":88,"title":89,"slug":90},{"id":92,"title":93,"slug":94},{"slug":42,"title":41,"logo":44,"categories":214},[],{"uuid":216,"title":66,"description":217,"canonical_path":29,"image":218,"width":68,"height":69,"image_alt":70,"kind":71,"patterns":219,"component_categories":227,"app":232},"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",[220,225],{"id":221,"label":222,"slug":223,"rank":77,"group":224},75,"Setup Wizard","setup-wizard",{"id":164,"label":165,"slug":166},{"id":79,"label":129,"slug":130,"rank":79,"group":226},{"id":79,"label":80,"slug":81},[228,229,230,231],{"id":185,"title":186,"slug":187},{"id":189,"title":190,"slug":191},{"id":88,"title":89,"slug":90},{"id":92,"title":93,"slug":94},{"slug":42,"title":41,"logo":44,"categories":233},[],{"uuid":235,"title":66,"description":236,"canonical_path":29,"image":237,"width":68,"height":69,"image_alt":70,"kind":71,"patterns":238,"component_categories":243,"app":252},"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",[239,241],{"id":221,"label":222,"slug":223,"rank":77,"group":240},{"id":164,"label":165,"slug":166},{"id":79,"label":129,"slug":130,"rank":79,"group":242},{"id":79,"label":80,"slug":81},[244,248,249,250,251],{"id":245,"title":246,"slug":247},183,"Color picker","color-picker",{"id":189,"title":190,"slug":191},{"id":84,"title":85,"slug":86},{"id":88,"title":89,"slug":90},{"id":92,"title":93,"slug":94},{"slug":42,"title":41,"logo":44,"categories":253},[],{"uuid":255,"title":66,"description":256,"canonical_path":29,"image":257,"width":68,"height":69,"image_alt":70,"kind":71,"patterns":258,"component_categories":261,"app":267},"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",[259],{"id":79,"label":129,"slug":130,"rank":77,"group":260},{"id":79,"label":80,"slug":81},[262,263,264,265,266],{"id":245,"title":246,"slug":247},{"id":189,"title":190,"slug":191},{"id":84,"title":85,"slug":86},{"id":88,"title":89,"slug":90},{"id":92,"title":93,"slug":94},{"slug":42,"title":41,"logo":44,"categories":268},[],{"uuid":270,"title":66,"description":271,"canonical_path":29,"image":272,"width":68,"height":69,"image_alt":70,"kind":71,"patterns":273,"component_categories":292,"app":298},"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",[274,276,283,285],{"id":79,"label":129,"slug":130,"rank":77,"group":275},{"id":79,"label":80,"slug":81},{"id":277,"label":278,"slug":279,"rank":79,"group":280},11,"Edit","edit",{"id":131,"label":281,"slug":282},"Actions","actions",{"id":221,"label":222,"slug":223,"rank":131,"group":284},{"id":164,"label":165,"slug":166},{"id":286,"label":287,"slug":288,"rank":178,"group":289},44,"Progress","progress",{"id":74,"label":290,"slug":291},"Data & Analysis","data-and-analysis",[293,294,295,296,297],{"id":185,"title":186,"slug":187},{"id":189,"title":190,"slug":191},{"id":84,"title":85,"slug":86},{"id":88,"title":89,"slug":90},{"id":92,"title":93,"slug":94},{"slug":42,"title":41,"logo":44,"categories":299},[],{"uuid":301,"title":66,"description":302,"canonical_path":29,"image":303,"width":68,"height":69,"image_alt":70,"kind":71,"patterns":304,"component_categories":316,"app":322},"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",[305,307,309,311],{"id":221,"label":222,"slug":223,"rank":77,"group":306},{"id":164,"label":165,"slug":166},{"id":160,"label":161,"slug":162,"rank":79,"group":308},{"id":164,"label":165,"slug":166},{"id":121,"label":122,"slug":123,"rank":131,"group":310},{"id":125,"label":126,"slug":127},{"id":312,"label":313,"slug":314,"rank":178,"group":315},114,"Confirmation","confirmation",{"id":180,"label":181,"slug":182},[317,318,319,320,321],{"id":185,"title":186,"slug":187},{"id":189,"title":190,"slug":191},{"id":84,"title":85,"slug":86},{"id":88,"title":89,"slug":90},{"id":92,"title":93,"slug":94},{"slug":42,"title":41,"logo":44,"categories":323},[],{"uuid":325,"title":66,"description":326,"canonical_path":29,"image":327,"width":68,"height":328,"image_alt":70,"kind":71,"patterns":329,"component_categories":339,"app":344},"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,[330,332,337],{"id":160,"label":161,"slug":162,"rank":77,"group":331},{"id":164,"label":165,"slug":166},{"id":333,"label":334,"slug":335,"rank":79,"group":336},21,"Schedule","schedule",{"id":131,"label":281,"slug":282},{"id":312,"label":313,"slug":314,"rank":131,"group":338},{"id":180,"label":181,"slug":182},[340,341,342,343],{"id":185,"title":186,"slug":187},{"id":189,"title":190,"slug":191},{"id":84,"title":85,"slug":86},{"id":92,"title":93,"slug":94},{"slug":42,"title":41,"logo":44,"categories":345},[],{"family":347,"examples":348},"flows",[],{"family":350,"examples":351},"components",[],{"family":353,"examples":354},"pages",[],[356,358,360,362,364,367,370],{"label":357,"to":29},"Arrows product screens",{"label":359,"to":38},"Arrows marketing pages",{"label":361,"to":32},"Arrows user flows",{"label":363,"to":35},"Arrows UI components",{"label":365,"to":366},"CRM app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcrm",{"label":368,"to":369},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":371,"to":372},"Task Management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ftask-management",{"published_at":374,"updated_at":375},"2023-06-20T13:36:16.000Z","2026-09-26T12:10:06.000Z"]