[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fcontra":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":37,"examples":52,"showcases":53,"links":337,"dates":353},"\u002Fexamples\u002Fapps\u002Fcontra","detail","apps",true,{"title":9,"description":10,"og_image":11},"Contra design examples - Nicelydone","Explore Contra UI design examples. A new way to work","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcontra_sign-in_1463373d_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},"Contra design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":36},"SaaS app examples",[24],{"title":25,"links":26},"Explore Contra",[27,30,33],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fcontra\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Fcontra\u002Fflows",{"label":34,"to":35},"marketing pages","\u002Fexamples\u002Fapps\u002Fcontra\u002Fmarketing",[],{"title":38,"slug":39,"description":40,"logo":41,"url":42,"categories":43},"Contra","contra","A new way to work","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcontra-90449cba.png","https:\u002F\u002Fcontra.com",[44,48],{"id":45,"title":46,"slug":47},18,"Marketplace","marketplace",{"id":49,"title":50,"slug":51},74,"Employment","employment",[],[54,331,334],{"family":55,"examples":56},"screens",[57,86,103,128,175,203,221,245,261,282,298,311],{"uuid":58,"title":59,"description":60,"canonical_path":29,"image":11,"width":61,"height":62,"image_alt":63,"kind":64,"patterns":65,"component_categories":75,"app":84},"255a9fdf-12b4-4bb9-96aa-aee4c59db43c","Log in | Contra","Sign-in screen where the user enters their email to receive a magic login link, with a secondary prompt to sign up for a new account.",3072,1654,"Log in | Contra from Contra","screen",[66],{"id":67,"label":68,"slug":69,"rank":70,"group":71},4,"Sign In","sign-in",0,{"id":72,"label":73,"slug":74},1,"Access & Account","access-and-account",[76,80],{"id":77,"title":78,"slug":79},174,"Card","card",{"id":81,"title":82,"slug":83},175,"Button","button",{"slug":39,"title":38,"logo":41,"categories":85},[],{"uuid":87,"title":88,"description":89,"canonical_path":29,"image":90,"width":61,"height":62,"image_alt":91,"kind":64,"patterns":92,"component_categories":98,"app":101},"7f1a68f9-5ed9-4766-8421-ac1c89697f9e","Sign up | Contra","Sign-up screen where the user enters their name and email to join a professional network for flexible work.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcontra_sign-up_e7ce3a63_nicelydone.png","Sign up | Contra from Contra",[93],{"id":94,"label":95,"slug":96,"rank":70,"group":97},5,"Sign Up","sign-up",{"id":72,"label":73,"slug":74},[99,100],{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":39,"title":38,"logo":41,"categories":102},[],{"uuid":104,"title":105,"description":106,"canonical_path":29,"image":107,"width":61,"height":62,"image_alt":108,"kind":64,"patterns":109,"component_categories":123,"app":126},"c2fe45bf-23d0-4963-958f-3e5b7d54d61d","Confirm your email | Contra","Verification screen where the user is instructed to check their email for a confirmation link, with an option to edit the address if needed.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcontra_sign-up_a6a6eb5e_nicelydone.png","Confirm your email | Contra from Contra",[110,115],{"id":111,"label":112,"slug":113,"rank":70,"group":114},6,"Verification","verification",{"id":72,"label":73,"slug":74},{"id":116,"label":117,"slug":118,"rank":72,"group":119},114,"Confirmation","confirmation",{"id":120,"label":121,"slug":122},12,"States & Feedback","states-and-feedback",[124,125],{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":39,"title":38,"logo":41,"categories":127},[],{"uuid":129,"title":130,"description":131,"canonical_path":29,"image":132,"width":61,"height":62,"image_alt":133,"kind":64,"patterns":134,"component_categories":162,"app":173},"e33b6212-adf9-47ea-aec2-e9c507c7760d","Bertrand B | Contra","User profile page featuring a prominent floating checklist widget guiding the user through steps to unlock beta features.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcontra_onboarding_home-product-logged_8ef88a94_nicelydone.png","Bertrand B | Contra from Contra",[135,143,150,157],{"id":136,"label":137,"slug":138,"rank":70,"group":139},3,"Profile","profile",{"id":140,"label":141,"slug":142},11,"Social & Collaboration","social-and-collaboration",{"id":49,"label":144,"slug":145,"rank":72,"group":146},"Onboarding Checklist","onboarding-checklist",{"id":147,"label":148,"slug":149},7,"Onboarding & Education","onboarding-and-education",{"id":140,"label":151,"slug":152,"rank":153,"group":154},"Edit","edit",2,{"id":153,"label":155,"slug":156},"Actions","actions",{"id":158,"label":159,"slug":160,"rank":136,"group":161},72,"Getting Started","getting-started",{"id":147,"label":148,"slug":149},[163,167,171,172],{"id":164,"title":165,"slug":166},169,"Avatar","avatar",{"id":168,"title":169,"slug":170},240,"Horizontal navigation","horizontal-navigation",{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":39,"title":38,"logo":41,"categories":174},[],{"uuid":176,"title":177,"description":178,"canonical_path":29,"image":179,"width":61,"height":180,"image_alt":181,"kind":64,"patterns":182,"component_categories":196,"app":201},"29a45754-6923-4a75-90a5-c7585acb9b4e","New project | Contra","Creation page where the user drafts a new project by adding a title, company, roles, tools, and collaborators before publishing.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcontra_create_2b946a22_nicelydone.png",1948,"New project | Contra from Contra",[183,188],{"id":184,"label":185,"slug":186,"rank":70,"group":187},133,"Invite Teammates","invite-teammates",{"id":153,"label":155,"slug":156},{"id":189,"label":190,"slug":191,"rank":72,"group":192},104,"Team Management","team-management",{"id":193,"label":194,"slug":195},10,"Settings & Admin","settings-and-admin",[197,198,199,200],{"id":164,"title":165,"slug":166},{"id":168,"title":169,"slug":170},{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":39,"title":38,"logo":41,"categories":202},[],{"uuid":204,"title":177,"description":205,"canonical_path":29,"image":206,"width":61,"height":180,"image_alt":181,"kind":64,"patterns":207,"component_categories":214,"app":219},"a48d303d-a0e7-417c-986c-9270b12b9825","Creation page where the user inputs project details like company, year, roles, and tools used, and can add collaborators or content blocks.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcontra_create_5dfce5b2_nicelydone.png",[208,210,212],{"id":140,"label":151,"slug":152,"rank":70,"group":209},{"id":153,"label":155,"slug":156},{"id":184,"label":185,"slug":186,"rank":72,"group":211},{"id":153,"label":155,"slug":156},{"id":189,"label":190,"slug":191,"rank":153,"group":213},{"id":193,"label":194,"slug":195},[215,216,217,218],{"id":164,"title":165,"slug":166},{"id":168,"title":169,"slug":170},{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":39,"title":38,"logo":41,"categories":220},[],{"uuid":222,"title":177,"description":223,"canonical_path":29,"image":224,"width":61,"height":62,"image_alt":181,"kind":64,"patterns":225,"component_categories":235,"app":243},"e802f7fc-b19f-493a-8a80-e42e2764bc8b","Create page where the user adds a new company or agency to their project via a modal form.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcontra_create_actions_modals-and-popovers_949549ce_nicelydone.png",[226,230],{"id":147,"label":227,"slug":228,"rank":70,"group":229},"Add & Create","add-and-create",{"id":153,"label":155,"slug":156},{"id":231,"label":232,"slug":233,"rank":72,"group":234},25,"Upload & Download","upload-and-download",{"id":153,"label":155,"slug":156},[236,240,241,242],{"id":237,"title":238,"slug":239},284,"Modal","modal",{"id":168,"title":169,"slug":170},{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":39,"title":38,"logo":41,"categories":244},[],{"uuid":246,"title":177,"description":247,"canonical_path":29,"image":248,"width":61,"height":180,"image_alt":181,"kind":64,"patterns":249,"component_categories":254,"app":259},"7ddf54dd-5f75-43a2-8de5-e29c9d190d4e","Create page where the user builds a new project case study by entering details, tagging roles and tools, and inviting collaborators.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcontra_create_e4ec10de_nicelydone.png",[250,252],{"id":184,"label":185,"slug":186,"rank":70,"group":251},{"id":153,"label":155,"slug":156},{"id":189,"label":190,"slug":191,"rank":72,"group":253},{"id":193,"label":194,"slug":195},[255,256,257,258],{"id":164,"title":165,"slug":166},{"id":168,"title":169,"slug":170},{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":39,"title":38,"logo":41,"categories":260},[],{"uuid":262,"title":177,"description":263,"canonical_path":29,"image":264,"width":61,"height":62,"image_alt":181,"kind":64,"patterns":265,"component_categories":275,"app":280},"57dfaaa9-bb83-4538-a153-972c274ecfc2","Project creation page where the user is prompted to add collaborators via a modal overlay to grow their network.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcontra_create_modals-and-popovers_team_74a8a03c_nicelydone.png",[266,268,270],{"id":184,"label":185,"slug":186,"rank":70,"group":267},{"id":153,"label":155,"slug":156},{"id":189,"label":190,"slug":191,"rank":72,"group":269},{"id":193,"label":194,"slug":195},{"id":271,"label":272,"slug":273,"rank":153,"group":274},22,"Search","search",{"id":153,"label":155,"slug":156},[276,277,278,279],{"id":237,"title":238,"slug":239},{"id":168,"title":169,"slug":170},{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":39,"title":38,"logo":41,"categories":281},[],{"uuid":283,"title":177,"description":284,"canonical_path":29,"image":285,"width":61,"height":62,"image_alt":181,"kind":64,"patterns":286,"component_categories":291,"app":296},"1660ba45-34eb-4180-abe6-abfdb4c53ebe","Project creation page where the user is inviting a collaborator via email in a modal overlay.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcontra_create_modals-and-popovers_team_6f08f0c0_nicelydone.png",[287,289],{"id":184,"label":185,"slug":186,"rank":70,"group":288},{"id":153,"label":155,"slug":156},{"id":189,"label":190,"slug":191,"rank":72,"group":290},{"id":193,"label":194,"slug":195},[292,293,294,295],{"id":237,"title":238,"slug":239},{"id":168,"title":169,"slug":170},{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":39,"title":38,"logo":41,"categories":297},[],{"uuid":299,"title":177,"description":300,"canonical_path":29,"image":301,"width":61,"height":62,"image_alt":181,"kind":64,"patterns":302,"component_categories":305,"app":309},"15ab899a-f290-4a86-965a-0bc9da838237","Modal overlay where the user invites a collaborator to a project by providing their name, email, roles, and a personal message.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcontra_create_modals-and-popovers_9a3f4b5d_nicelydone.png",[303],{"id":184,"label":185,"slug":186,"rank":70,"group":304},{"id":153,"label":155,"slug":156},[306,307,308],{"id":237,"title":238,"slug":239},{"id":168,"title":169,"slug":170},{"id":81,"title":82,"slug":83},{"slug":39,"title":38,"logo":41,"categories":310},[],{"uuid":312,"title":177,"description":313,"canonical_path":29,"image":314,"width":61,"height":62,"image_alt":181,"kind":64,"patterns":315,"component_categories":325,"app":329},"60613058-b9f9-451c-976a-e8945246b84b","Modal where the user adds a collaborator to a project by entering their name, email, roles, and a personal message.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcontra_create_modals-and-popovers_team_98e814fe_nicelydone.png",[316,318,320],{"id":184,"label":185,"slug":186,"rank":70,"group":317},{"id":153,"label":155,"slug":156},{"id":189,"label":190,"slug":191,"rank":72,"group":319},{"id":193,"label":194,"slug":195},{"id":321,"label":322,"slug":323,"rank":153,"group":324},100,"Roles & Permissions","roles-and-permissions",{"id":193,"label":194,"slug":195},[326,327,328],{"id":237,"title":238,"slug":239},{"id":168,"title":169,"slug":170},{"id":81,"title":82,"slug":83},{"slug":39,"title":38,"logo":41,"categories":330},[],{"family":332,"examples":333},"flows",[],{"family":335,"examples":336},"pages",[],[338,340,342,344,347,350],{"label":339,"to":29},"Contra product screens",{"label":341,"to":35},"Contra marketing pages",{"label":343,"to":32},"Contra user flows",{"label":345,"to":346},"Contra UI components","\u002Fexamples\u002Fapps\u002Fcontra\u002Fcomponents",{"label":348,"to":349},"Marketplace app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmarketplace",{"label":351,"to":352},"Employment app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Femployment",{"published_at":354,"updated_at":355},"2021-03-30T08:37:59.000Z","2026-09-13T13:02:39.000Z"]