[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fsurfe":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":40,"examples":55,"showcases":56,"links":350,"dates":365},"\u002Fexamples\u002Fapps\u002Fsurfe","detail","apps",true,{"title":9,"description":10,"og_image":11},"Surfe design examples - Nicelydone","Explore Surfe UI design examples. CRM with LinkedIn","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F664e0f05-549b-4c3a-9d32-5bcb351146c1.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Surfe design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":39},"SaaS app examples",[24],{"title":25,"links":26},"Explore Surfe",[27,30,33,36],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fsurfe\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Fsurfe\u002Fflows",{"label":34,"to":35},"UI components","\u002Fexamples\u002Fapps\u002Fsurfe\u002Fcomponents",{"label":37,"to":38},"marketing pages","\u002Fexamples\u002Fapps\u002Fsurfe\u002Fmarketing",[],{"title":41,"slug":42,"description":43,"logo":44,"url":45,"categories":46},"Surfe","surfe","CRM with LinkedIn","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fsurfe-1fa44e46.png","https:\u002F\u002Fwww.surfe.com",[47,51],{"id":48,"title":49,"slug":50},53,"CRM","crm",{"id":52,"title":53,"slug":54},25,"Marketing","marketing",[],[57,341,344,347],{"family":58,"examples":59},"screens",[60,89,106,129,159,182,210,229,249,281,298,323],{"uuid":61,"title":62,"description":63,"canonical_path":29,"image":11,"width":64,"height":65,"image_alt":66,"kind":67,"patterns":68,"component_categories":82,"app":87},"664e0f05-549b-4c3a-9d32-5bcb351146c1","Surfe Registration","Signup screen where the user registers for a 14-day free trial via Google or email, alongside an illustration and a social proof logo wall.",3024,1706,"Surfe Registration from Surfe","screen",[69,78],{"id":70,"label":71,"slug":72,"rank":73,"group":74},5,"Sign Up","sign-up",0,{"id":75,"label":76,"slug":77},1,"Access & Account","access-and-account",{"id":75,"label":79,"slug":80,"rank":75,"group":81},"Account Setup","account-setup",{"id":75,"label":76,"slug":77},[83],{"id":84,"title":85,"slug":86},175,"Button","button",{"slug":42,"title":41,"logo":44,"categories":88},[],{"uuid":90,"title":91,"description":92,"canonical_path":29,"image":93,"width":64,"height":94,"image_alt":95,"kind":67,"patterns":96,"component_categories":102,"app":104},"aa3eb36d-5475-4b84-9446-2914e6709af3","Surfe | Dashboard","Sign-in screen where the user enters their CRM email address to receive a magic link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Faa3eb36d-5475-4b84-9446-2914e6709af3.png",1828,"Surfe | Dashboard from Surfe",[97],{"id":98,"label":99,"slug":100,"rank":73,"group":101},4,"Sign In","sign-in",{"id":75,"label":76,"slug":77},[103],{"id":84,"title":85,"slug":86},{"slug":42,"title":41,"logo":44,"categories":105},[],{"uuid":107,"title":108,"description":109,"canonical_path":29,"image":110,"width":64,"height":94,"image_alt":111,"kind":67,"patterns":112,"component_categories":121,"app":127},"bfc2ac6f-1a97-44e8-8732-b824d308528a","LinkedIn Log In or Sign Up","Onboarding modal for a browser extension appearing over LinkedIn, welcoming the user and prompting them to get started with their CRM integration.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbfc2ac6f-1a97-44e8-8732-b824d308528a.png","LinkedIn Log In or Sign Up from Surfe",[113],{"id":114,"label":115,"slug":116,"rank":73,"group":117},77,"Welcome","welcome",{"id":118,"label":119,"slug":120},7,"Onboarding & Education","onboarding-and-education",[122,126],{"id":123,"title":124,"slug":125},284,"Modal","modal",{"id":84,"title":85,"slug":86},{"slug":42,"title":41,"logo":44,"categories":128},[],{"uuid":130,"title":131,"description":132,"canonical_path":29,"image":133,"width":64,"height":94,"image_alt":134,"kind":67,"patterns":135,"component_categories":138,"app":157},"34f634d5-ab66-400b-83f6-b0e152aa1dc8","8 Feed | LinkedIn","Feed page where a welcome modal for the Surfe CRM extension prompts the user to get started and agree to terms.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F34f634d5-ab66-400b-83f6-b0e152aa1dc8.png","8 Feed | LinkedIn from Surfe",[136],{"id":114,"label":115,"slug":116,"rank":73,"group":137},{"id":118,"label":119,"slug":120},[139,143,144,148,152,156],{"id":140,"title":141,"slug":142},240,"Horizontal navigation","horizontal-navigation",{"id":123,"title":124,"slug":125},{"id":145,"title":146,"slug":147},174,"Card","card",{"id":149,"title":150,"slug":151},233,"Tabs","tabs",{"id":153,"title":154,"slug":155},169,"Avatar","avatar",{"id":84,"title":85,"slug":86},{"slug":42,"title":41,"logo":44,"categories":158},[],{"uuid":160,"title":131,"description":161,"canonical_path":29,"image":162,"width":64,"height":94,"image_alt":134,"kind":67,"patterns":163,"component_categories":174,"app":180},"fde5952d-7def-447c-bc7d-6237e8d1bb53","Onboarding modal for a CRM browser extension welcoming the user and prompting them to add their first prospect, with a 14-day trial countdown visible.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffde5952d-7def-447c-bc7d-6237e8d1bb53.png",[164,166],{"id":114,"label":115,"slug":116,"rank":73,"group":165},{"id":118,"label":119,"slug":120},{"id":167,"label":168,"slug":169,"rank":75,"group":170},91,"Trial","trial",{"id":171,"label":172,"slug":173},9,"Plans & Limits","plans-and-limits",[175,176,177,178,179],{"id":140,"title":141,"slug":142},{"id":123,"title":124,"slug":125},{"id":145,"title":146,"slug":147},{"id":153,"title":154,"slug":155},{"id":84,"title":85,"slug":86},{"slug":42,"title":41,"logo":44,"categories":181},[],{"uuid":183,"title":91,"description":184,"canonical_path":29,"image":185,"width":64,"height":186,"image_alt":95,"kind":67,"patterns":187,"component_categories":201,"app":208},"c6d1ab35-69d0-4a77-998c-e46d14d1bbd3","Settings page where an admin configures CRM export rules, data enrichment triggers, and GDPR compliance for the workspace.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc6d1ab35-69d0-4a77-998c-e46d14d1bbd3.png",3716,[188,196],{"id":189,"label":190,"slug":191,"rank":73,"group":192},102,"Settings","settings",{"id":193,"label":194,"slug":195},10,"Settings & Admin","settings-and-admin",{"id":197,"label":198,"slug":199,"rank":75,"group":200},104,"Team Management","team-management",{"id":193,"label":194,"slug":195},[202,203,207],{"id":149,"title":150,"slug":151},{"id":204,"title":205,"slug":206},260,"Badge","badge",{"id":153,"title":154,"slug":155},{"slug":42,"title":41,"logo":44,"categories":209},[],{"uuid":211,"title":91,"description":212,"canonical_path":29,"image":213,"width":64,"height":94,"image_alt":95,"kind":67,"patterns":214,"component_categories":222,"app":227},"21206f88-60a0-4782-b404-0bc745149699","Settings page where the user toggles various workspace features on or off, with premium features indicated by plan badges.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F21206f88-60a0-4782-b404-0bc745149699.png",[215,217],{"id":189,"label":190,"slug":191,"rank":73,"group":216},{"id":193,"label":194,"slug":195},{"id":218,"label":219,"slug":220,"rank":75,"group":221},88,"Feature Gate","feature-gate",{"id":171,"label":172,"slug":173},[223,224,225,226],{"id":149,"title":150,"slug":151},{"id":145,"title":146,"slug":147},{"id":204,"title":205,"slug":206},{"id":153,"title":154,"slug":155},{"slug":42,"title":41,"logo":44,"categories":228},[],{"uuid":230,"title":91,"description":231,"canonical_path":29,"image":232,"width":64,"height":94,"image_alt":95,"kind":67,"patterns":233,"component_categories":241,"app":247},"fc93cc89-0568-4275-92cb-b28034dff1f4","Settings page where the user can migrate their CRM or pause their Surfe subscription.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffc93cc89-0568-4275-92cb-b28034dff1f4.png",[234,239],{"id":235,"label":236,"slug":237,"rank":73,"group":238},96,"Billing Settings","billing-settings",{"id":193,"label":194,"slug":195},{"id":197,"label":198,"slug":199,"rank":75,"group":240},{"id":193,"label":194,"slug":195},[242,243,244,245,246],{"id":140,"title":141,"slug":142},{"id":149,"title":150,"slug":151},{"id":145,"title":146,"slug":147},{"id":153,"title":154,"slug":155},{"id":84,"title":85,"slug":86},{"slug":42,"title":41,"logo":44,"categories":248},[],{"uuid":250,"title":91,"description":251,"canonical_path":29,"image":252,"width":64,"height":94,"image_alt":95,"kind":67,"patterns":253,"component_categories":275,"app":279},"dd92a2a1-0216-4a7c-b15b-406c0a9d4ef0","Settings page where the user manages team members, invites new users, and views their admin and paid status.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdd92a2a1-0216-4a7c-b15b-406c0a9d4ef0.png",[254,256,264,269],{"id":197,"label":198,"slug":199,"rank":73,"group":255},{"id":193,"label":194,"slug":195},{"id":257,"label":258,"slug":259,"rank":75,"group":260},133,"Invite Teammates","invite-teammates",{"id":261,"label":262,"slug":263},2,"Actions","actions",{"id":265,"label":266,"slug":267,"rank":261,"group":268},100,"Roles & Permissions","roles-and-permissions",{"id":193,"label":194,"slug":195},{"id":270,"label":271,"slug":272,"rank":273,"group":274},94,"Account Settings","account-settings",3,{"id":193,"label":194,"slug":195},[276,277,278],{"id":204,"title":205,"slug":206},{"id":153,"title":154,"slug":155},{"id":84,"title":85,"slug":86},{"slug":42,"title":41,"logo":44,"categories":280},[],{"uuid":282,"title":91,"description":283,"canonical_path":29,"image":284,"width":64,"height":94,"image_alt":95,"kind":67,"patterns":285,"component_categories":292,"app":296},"6fca44ac-bef8-4878-996b-1d75769ec647","Settings page where the user invites a new team member by email and can toggle admin-only access.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6fca44ac-bef8-4878-996b-1d75769ec647.png",[286,288,290],{"id":257,"label":258,"slug":259,"rank":73,"group":287},{"id":261,"label":262,"slug":263},{"id":197,"label":198,"slug":199,"rank":75,"group":289},{"id":193,"label":194,"slug":195},{"id":265,"label":266,"slug":267,"rank":261,"group":291},{"id":193,"label":194,"slug":195},[293,294,295],{"id":123,"title":124,"slug":125},{"id":153,"title":154,"slug":155},{"id":84,"title":85,"slug":86},{"slug":42,"title":41,"logo":44,"categories":297},[],{"uuid":299,"title":91,"description":300,"canonical_path":29,"image":301,"width":64,"height":94,"image_alt":95,"kind":67,"patterns":302,"component_categories":314,"app":321},"2464d0ac-e9ce-475f-9236-bda14831cb0e","Settings page where the user manages team members, invites new colleagues, and monitors CRM user records.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2464d0ac-e9ce-475f-9236-bda14831cb0e.png",[303,305,307],{"id":197,"label":198,"slug":199,"rank":73,"group":304},{"id":193,"label":194,"slug":195},{"id":257,"label":258,"slug":259,"rank":75,"group":306},{"id":261,"label":262,"slug":263},{"id":308,"label":309,"slug":310,"rank":261,"group":311},47,"Table","table",{"id":98,"label":312,"slug":313},"Data & Analysis","data-and-analysis",[315,319,320],{"id":316,"title":317,"slug":318},167,"Alert","alert",{"id":153,"title":154,"slug":155},{"id":84,"title":85,"slug":86},{"slug":42,"title":41,"logo":44,"categories":322},[],{"uuid":324,"title":91,"description":325,"canonical_path":29,"image":326,"width":64,"height":94,"image_alt":95,"kind":67,"patterns":327,"component_categories":334,"app":339},"3e8a2e69-c19f-4b8d-a88f-0c67d2b2f65d","Settings page where the user manages team members, invites new users, and configures admin roles.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3e8a2e69-c19f-4b8d-a88f-0c67d2b2f65d.png",[328,330,332],{"id":197,"label":198,"slug":199,"rank":73,"group":329},{"id":193,"label":194,"slug":195},{"id":257,"label":258,"slug":259,"rank":75,"group":331},{"id":261,"label":262,"slug":263},{"id":265,"label":266,"slug":267,"rank":261,"group":333},{"id":193,"label":194,"slug":195},[335,336,337,338],{"id":316,"title":317,"slug":318},{"id":204,"title":205,"slug":206},{"id":153,"title":154,"slug":155},{"id":84,"title":85,"slug":86},{"slug":42,"title":41,"logo":44,"categories":340},[],{"family":342,"examples":343},"flows",[],{"family":345,"examples":346},"components",[],{"family":348,"examples":349},"pages",[],[351,353,355,357,359,362],{"label":352,"to":29},"Surfe product screens",{"label":354,"to":38},"Surfe marketing pages",{"label":356,"to":32},"Surfe user flows",{"label":358,"to":35},"Surfe UI components",{"label":360,"to":361},"CRM app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcrm",{"label":363,"to":364},"Marketing app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmarketing",{"published_at":366,"updated_at":367},"2023-08-28T15:18:32.000Z","2026-09-13T13:02:39.000Z"]