[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fclay\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":40,"showcases":245,"links":246,"dates":264},"\u002Fexamples\u002Fapps\u002Fclay\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Clay product screens examples - Nicelydone","Browse Clay screen design examples. Preview the interface screenshots and explore related UI patterns. Be more thoughtful with the people in your network","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fecbd12a4-2afc-40cd-90c6-8dd1df18970c.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},"Clay design examples","\u002Fexamples\u002Fapps\u002Fclay",{"label":23,"to":4},"Clay product screens examples",{"title":23,"eyebrow":25,"description":10,"sections":26,"body":27},"SaaS app examples",[],[],{"title":29,"slug":30,"description":31,"logo":32,"url":33,"twitter_username":34,"categories":35},"Clay","clay","Be more thoughtful with the people in your network","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fclay-imneva1j.png","https:\u002F\u002Fclay.earth","clayhq",[36],{"id":37,"title":38,"slug":39},53,"CRM","crm",[41,70,82,94,106,118,157,177,191,206,216,232],{"uuid":42,"title":43,"description":44,"canonical_path":4,"image":11,"width":45,"height":46,"image_alt":47,"kind":48,"patterns":49,"component_categories":59,"app":68},"ecbd12a4-2afc-40cd-90c6-8dd1df18970c","Clay | Login","Sign-in screen where the user authenticates with Google or an email address, featuring a stylized product preview of a prospect intent tracker on the right.",3024,1780,"Clay | Login from Clay","screen",[50],{"id":51,"label":52,"slug":53,"rank":54,"group":55},4,"Sign In","sign-in",0,{"id":56,"label":57,"slug":58},1,"Access & Account","access-and-account",[60,64],{"id":61,"title":62,"slug":63},174,"Card","card",{"id":65,"title":66,"slug":67},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":69},[],{"uuid":71,"title":43,"description":72,"canonical_path":4,"image":73,"width":45,"height":46,"image_alt":47,"kind":48,"patterns":74,"component_categories":77,"app":80},"c4e8734d-d315-4408-968e-f820189e5b04","Sign-in screen where the user authenticates with Google or email, featuring a stylized product mockup of a prospect intent tracker on the right.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc4e8734d-d315-4408-968e-f820189e5b04.png",[75],{"id":51,"label":52,"slug":53,"rank":54,"group":76},{"id":56,"label":57,"slug":58},[78,79],{"id":61,"title":62,"slug":63},{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":81},[],{"uuid":83,"title":43,"description":84,"canonical_path":4,"image":85,"width":45,"height":46,"image_alt":47,"kind":48,"patterns":86,"component_categories":89,"app":92},"3ba4dcfe-331d-4dd4-a624-be8804721771","Sign-in screen where the user authenticates with Google or enters their email to continue, featuring a product preview illustration on the right.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3ba4dcfe-331d-4dd4-a624-be8804721771.png",[87],{"id":51,"label":52,"slug":53,"rank":54,"group":88},{"id":56,"label":57,"slug":58},[90,91],{"id":61,"title":62,"slug":63},{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":93},[],{"uuid":95,"title":43,"description":96,"canonical_path":4,"image":97,"width":45,"height":46,"image_alt":47,"kind":48,"patterns":98,"component_categories":101,"app":104},"d7b1a9e5-c175-423d-9a85-5d50917f2b64","Sign-in screen where the user authenticates with an email and password, featuring an abstract 3D illustration and a mock data table on the right.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd7b1a9e5-c175-423d-9a85-5d50917f2b64.png",[99],{"id":51,"label":52,"slug":53,"rank":54,"group":100},{"id":56,"label":57,"slug":58},[102,103],{"id":61,"title":62,"slug":63},{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":105},[],{"uuid":107,"title":43,"description":108,"canonical_path":4,"image":109,"width":45,"height":46,"image_alt":47,"kind":48,"patterns":110,"component_categories":113,"app":116},"12385c13-cd7c-4fc2-98ad-8573512d2b7f","Sign-in screen where the user authenticates with their email and password, featuring a product preview graphic on the right half of the screen.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F12385c13-cd7c-4fc2-98ad-8573512d2b7f.png",[111],{"id":51,"label":52,"slug":53,"rank":54,"group":112},{"id":56,"label":57,"slug":58},[114,115],{"id":61,"title":62,"slug":63},{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":117},[],{"uuid":119,"title":29,"description":120,"canonical_path":4,"image":121,"width":45,"height":46,"image_alt":122,"kind":48,"patterns":123,"component_categories":148,"app":155},"f0a42114-cca4-42b7-98e8-b8c97a3e842b","Home screen where the user can launch quick actions like finding people or companies, and access their recent workflows and tables.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff0a42114-cca4-42b7-98e8-b8c97a3e842b.png","Clay from Clay",[124,132,140],{"id":125,"label":126,"slug":127,"rank":54,"group":128},81,"Home","home",{"id":129,"label":130,"slug":131},8,"Pages & Content","pages-and-content",{"id":133,"label":134,"slug":135,"rank":56,"group":136},66,"Quick Actions","quick-actions",{"id":137,"label":138,"slug":139},6,"Navigation & Commands","navigation-and-commands",{"id":141,"label":142,"slug":143,"rank":144,"group":145},22,"Search","search",2,{"id":144,"label":146,"slug":147},"Actions","actions",[149,153,154],{"id":150,"title":151,"slug":152},169,"Avatar","avatar",{"id":61,"title":62,"slug":63},{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":156},[],{"uuid":158,"title":43,"description":159,"canonical_path":4,"image":160,"width":45,"height":46,"image_alt":47,"kind":48,"patterns":161,"component_categories":172,"app":175},"2979d273-922e-4327-a1ed-8d31116e3ed4","Sign-in screen where the user authenticates via Google SSO or email, featuring an active error state on the email input and a decorative product preview on the right.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2979d273-922e-4327-a1ed-8d31116e3ed4.png",[162,164],{"id":51,"label":52,"slug":53,"rank":54,"group":163},{"id":56,"label":57,"slug":58},{"id":165,"label":166,"slug":167,"rank":56,"group":168},116,"Error","error",{"id":169,"label":170,"slug":171},12,"States & Feedback","states-and-feedback",[173,174],{"id":61,"title":62,"slug":63},{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":176},[],{"uuid":178,"title":43,"description":179,"canonical_path":4,"image":180,"width":45,"height":46,"image_alt":47,"kind":48,"patterns":181,"component_categories":186,"app":189},"5200f592-2675-44d1-8a35-5dcd49eef317","Sign-in screen where the user authenticates with Google or email, featuring a split layout with a product mockup and an active validation error on the email field.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5200f592-2675-44d1-8a35-5dcd49eef317.png",[182,184],{"id":51,"label":52,"slug":53,"rank":54,"group":183},{"id":56,"label":57,"slug":58},{"id":165,"label":166,"slug":167,"rank":56,"group":185},{"id":169,"label":170,"slug":171},[187,188],{"id":61,"title":62,"slug":63},{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":190},[],{"uuid":192,"title":193,"description":194,"canonical_path":4,"image":195,"width":45,"height":46,"image_alt":196,"kind":48,"patterns":197,"component_categories":202,"app":204},"79fb6be5-32db-4650-a0b6-a5920e2d7c13","Clay | Forgot Password","Password recovery screen where the user enters their email address to receive a reset link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F79fb6be5-32db-4650-a0b6-a5920e2d7c13.png","Clay | Forgot Password from Clay",[198],{"id":144,"label":199,"slug":200,"rank":54,"group":201},"Forgot Password","forgot-password",{"id":56,"label":57,"slug":58},[203],{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":205},[],{"uuid":207,"title":193,"description":194,"canonical_path":4,"image":208,"width":45,"height":46,"image_alt":196,"kind":48,"patterns":209,"component_categories":212,"app":214},"79f88d59-e18f-414a-8f9c-0057349a05f4","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F79f88d59-e18f-414a-8f9c-0057349a05f4.png",[210],{"id":144,"label":199,"slug":200,"rank":54,"group":211},{"id":56,"label":57,"slug":58},[213],{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":215},[],{"uuid":217,"title":193,"description":218,"canonical_path":4,"image":219,"width":45,"height":46,"image_alt":196,"kind":48,"patterns":220,"component_categories":228,"app":230},"0a436014-037d-4018-9172-6b99fa084a21","Password recovery screen confirming that a reset link has been sent to the user's email address with instructions to check their spam folder.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0a436014-037d-4018-9172-6b99fa084a21.png",[221,223],{"id":144,"label":199,"slug":200,"rank":54,"group":222},{"id":56,"label":57,"slug":58},{"id":224,"label":225,"slug":226,"rank":56,"group":227},122,"Success","success",{"id":169,"label":170,"slug":171},[229],{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":231},[],{"uuid":233,"title":234,"description":235,"canonical_path":4,"image":236,"width":45,"height":46,"image_alt":237,"kind":48,"patterns":238,"component_categories":241,"app":243},"8a88e64b-f4ab-44f1-bfab-09748101a8bb","Clay | Reset Password","Password recovery screen where the user enters and confirms a new password meeting specific character requirements.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8a88e64b-f4ab-44f1-bfab-09748101a8bb.png","Clay | Reset Password from Clay",[239],{"id":144,"label":199,"slug":200,"rank":54,"group":240},{"id":56,"label":57,"slug":58},[242],{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":244},[],[],[247,249,251,253,255,257,259,261],{"label":52,"to":248},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":199,"to":250},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":166,"to":252},"\u002Fexamples\u002Fscreens\u002Ferror",{"label":126,"to":254},"\u002Fexamples\u002Fscreens\u002Fhome",{"label":134,"to":256,"count":56},"\u002Fexamples\u002Fscreens\u002Fquick-actions",{"label":142,"to":258,"count":56},"\u002Fexamples\u002Fscreens\u002Fsearch",{"label":225,"to":260,"count":56},"\u002Fexamples\u002Fscreens\u002Fsuccess",{"label":262,"to":263},"CRM app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcrm",{"published_at":265,"updated_at":266},"2022-10-16T11:52:28.000Z","2026-09-13T13:02:39.000Z"]