[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fattio\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":43,"showcases":252,"links":253,"dates":272},"\u002Fexamples\u002Fapps\u002Fattio\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Attio product screens examples - Nicelydone","Browse Attio screen design examples. Preview the interface screenshots and explore related UI patterns. Customer relationship magic","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffe9f83c8-91c2-4938-ac81-8d9227fac93b.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},"Attio design examples","\u002Fexamples\u002Fapps\u002Fattio",{"label":23,"to":4},"Attio 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":30,"categories":34},"Attio","attio","Customer relationship magic","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fattio-nqag2fca.png","https:\u002F\u002Fattio.com",[35,39],{"id":36,"title":37,"slug":38},53,"CRM","crm",{"id":40,"title":41,"slug":42},80,"Artificial Intelligence","artificial-intelligence",[44,68,78,89,99,121,132,161,182,199,215,236],{"uuid":45,"title":29,"description":46,"canonical_path":4,"image":11,"width":47,"height":48,"image_alt":49,"kind":50,"patterns":51,"component_categories":61,"app":66},"fe9f83c8-91c2-4938-ac81-8d9227fac93b","Sign-in screen where the user authenticates with Google or their work email address.",3024,1780,"Attio from Attio","screen",[52],{"id":53,"label":54,"slug":55,"rank":56,"group":57},4,"Sign In","sign-in",0,{"id":58,"label":59,"slug":60},1,"Access & Account","access-and-account",[62],{"id":63,"title":64,"slug":65},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":67},[],{"uuid":69,"title":29,"description":46,"canonical_path":4,"image":70,"width":47,"height":48,"image_alt":49,"kind":50,"patterns":71,"component_categories":74,"app":76},"29479984-1fdc-47ec-ab73-6d44e2d1fe64","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F29479984-1fdc-47ec-ab73-6d44e2d1fe64.png",[72],{"id":53,"label":54,"slug":55,"rank":56,"group":73},{"id":58,"label":59,"slug":60},[75],{"id":63,"title":64,"slug":65},{"slug":30,"title":29,"logo":32,"categories":77},[],{"uuid":79,"title":29,"description":80,"canonical_path":4,"image":81,"width":47,"height":48,"image_alt":49,"kind":50,"patterns":82,"component_categories":85,"app":87},"901917b2-ce39-46bc-80fa-d78adf52ed70","Sign-in screen where the user authenticates with Google or enters their email address to continue.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F901917b2-ce39-46bc-80fa-d78adf52ed70.png",[83],{"id":53,"label":54,"slug":55,"rank":56,"group":84},{"id":58,"label":59,"slug":60},[86],{"id":63,"title":64,"slug":65},{"slug":30,"title":29,"logo":32,"categories":88},[],{"uuid":90,"title":29,"description":80,"canonical_path":4,"image":91,"width":47,"height":48,"image_alt":49,"kind":50,"patterns":92,"component_categories":95,"app":97},"48fbcc0b-dab2-4859-a693-3098c59b8041","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F48fbcc0b-dab2-4859-a693-3098c59b8041.png",[93],{"id":53,"label":54,"slug":55,"rank":56,"group":94},{"id":58,"label":59,"slug":60},[96],{"id":63,"title":64,"slug":65},{"slug":30,"title":29,"logo":32,"categories":98},[],{"uuid":100,"title":29,"description":101,"canonical_path":4,"image":102,"width":47,"height":48,"image_alt":49,"kind":50,"patterns":103,"component_categories":117,"app":119},"bb9a259d-c822-499b-b3d2-1d7f63a3232b","Verification screen where the user must enter a temporary password sent to their email to continue, currently showing a validation error.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbb9a259d-c822-499b-b3d2-1d7f63a3232b.png",[104,109],{"id":105,"label":106,"slug":107,"rank":56,"group":108},6,"Verification","verification",{"id":58,"label":59,"slug":60},{"id":110,"label":111,"slug":112,"rank":58,"group":113},116,"Error","error",{"id":114,"label":115,"slug":116},12,"States & Feedback","states-and-feedback",[118],{"id":63,"title":64,"slug":65},{"slug":30,"title":29,"logo":32,"categories":120},[],{"uuid":122,"title":29,"description":123,"canonical_path":4,"image":124,"width":47,"height":48,"image_alt":49,"kind":50,"patterns":125,"component_categories":128,"app":130},"648de3d4-e0b2-4e58-b416-1e1c19d2af40","Verification screen where the user enters a temporary password sent to their email to continue the sign-in process.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F648de3d4-e0b2-4e58-b416-1e1c19d2af40.png",[126],{"id":105,"label":106,"slug":107,"rank":56,"group":127},{"id":58,"label":59,"slug":60},[129],{"id":63,"title":64,"slug":65},{"slug":30,"title":29,"logo":32,"categories":131},[],{"uuid":133,"title":29,"description":134,"canonical_path":4,"image":135,"width":47,"height":48,"image_alt":49,"kind":50,"patterns":136,"component_categories":149,"app":159},"843047cf-f5fe-40a7-a48c-00ad915c54a9","Onboarding step where the user sets their profile picture, enters their name, and opts into product update emails before continuing.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F843047cf-f5fe-40a7-a48c-00ad915c54a9.png",[137,141],{"id":58,"label":138,"slug":139,"rank":56,"group":140},"Account Setup","account-setup",{"id":58,"label":59,"slug":60},{"id":142,"label":143,"slug":144,"rank":58,"group":145},3,"Profile","profile",{"id":146,"label":147,"slug":148},11,"Social & Collaboration","social-and-collaboration",[150,154,158],{"id":151,"title":152,"slug":153},174,"Card","card",{"id":155,"title":156,"slug":157},169,"Avatar","avatar",{"id":63,"title":64,"slug":65},{"slug":30,"title":29,"logo":32,"categories":160},[],{"uuid":162,"title":29,"description":163,"canonical_path":4,"image":164,"width":47,"height":48,"image_alt":49,"kind":50,"patterns":165,"component_categories":177,"app":180},"a2149c53-68a8-47b4-88ca-f70b9d66c823","Onboarding step where the user sets their profile picture, name, and email preferences.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa2149c53-68a8-47b4-88ca-f70b9d66c823.png",[166,168,170],{"id":58,"label":138,"slug":139,"rank":56,"group":167},{"id":58,"label":59,"slug":60},{"id":142,"label":143,"slug":144,"rank":58,"group":169},{"id":146,"label":147,"slug":148},{"id":146,"label":171,"slug":172,"rank":173,"group":174},"Edit","edit",2,{"id":173,"label":175,"slug":176},"Actions","actions",[178,179],{"id":155,"title":156,"slug":157},{"id":63,"title":64,"slug":65},{"slug":30,"title":29,"logo":32,"categories":181},[],{"uuid":183,"title":29,"description":184,"canonical_path":4,"image":185,"width":47,"height":48,"image_alt":49,"kind":50,"patterns":186,"component_categories":193,"app":197},"32324f8d-ce6f-4339-a6e0-8739730118ec","Onboarding step where the user sets their profile picture, name, and email preferences before continuing.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F32324f8d-ce6f-4339-a6e0-8739730118ec.png",[187,189,191],{"id":58,"label":138,"slug":139,"rank":56,"group":188},{"id":58,"label":59,"slug":60},{"id":142,"label":143,"slug":144,"rank":58,"group":190},{"id":146,"label":147,"slug":148},{"id":146,"label":171,"slug":172,"rank":173,"group":192},{"id":173,"label":175,"slug":176},[194,195,196],{"id":151,"title":152,"slug":153},{"id":155,"title":156,"slug":157},{"id":63,"title":64,"slug":65},{"slug":30,"title":29,"logo":32,"categories":198},[],{"uuid":200,"title":29,"description":163,"canonical_path":4,"image":201,"width":47,"height":48,"image_alt":49,"kind":50,"patterns":202,"component_categories":209,"app":213},"c585e519-0167-49bb-9afd-049e07511a72","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc585e519-0167-49bb-9afd-049e07511a72.png",[203,205,207],{"id":58,"label":138,"slug":139,"rank":56,"group":204},{"id":58,"label":59,"slug":60},{"id":142,"label":143,"slug":144,"rank":58,"group":206},{"id":146,"label":147,"slug":148},{"id":146,"label":171,"slug":172,"rank":173,"group":208},{"id":173,"label":175,"slug":176},[210,211,212],{"id":151,"title":152,"slug":153},{"id":155,"title":156,"slug":157},{"id":63,"title":64,"slug":65},{"slug":30,"title":29,"logo":32,"categories":214},[],{"uuid":216,"title":29,"description":217,"canonical_path":4,"image":218,"width":47,"height":48,"image_alt":49,"kind":50,"patterns":219,"component_categories":226,"app":234},"cfb6b745-57bc-42d2-8e51-88cbd8478579","Onboarding step where the user sets their profile picture, name, and email preferences before continuing into the app.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcfb6b745-57bc-42d2-8e51-88cbd8478579.png",[220,222,224],{"id":58,"label":138,"slug":139,"rank":56,"group":221},{"id":58,"label":59,"slug":60},{"id":142,"label":143,"slug":144,"rank":58,"group":223},{"id":146,"label":147,"slug":148},{"id":146,"label":171,"slug":172,"rank":173,"group":225},{"id":173,"label":175,"slug":176},[227,231,232,233],{"id":228,"title":229,"slug":230},226,"Skeleton","skeleton",{"id":151,"title":152,"slug":153},{"id":155,"title":156,"slug":157},{"id":63,"title":64,"slug":65},{"slug":30,"title":29,"logo":32,"categories":235},[],{"uuid":237,"title":29,"description":238,"canonical_path":4,"image":239,"width":47,"height":48,"image_alt":49,"kind":50,"patterns":240,"component_categories":247,"app":250},"6fa8e116-83d6-484d-8bd4-1f69768961bd","Onboarding step where the user sets their profile picture, name, and email preferences before entering the app.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6fa8e116-83d6-484d-8bd4-1f69768961bd.png",[241,243,245],{"id":58,"label":138,"slug":139,"rank":56,"group":242},{"id":58,"label":59,"slug":60},{"id":142,"label":143,"slug":144,"rank":58,"group":244},{"id":146,"label":147,"slug":148},{"id":146,"label":171,"slug":172,"rank":173,"group":246},{"id":173,"label":175,"slug":176},[248,249],{"id":155,"title":156,"slug":157},{"id":63,"title":64,"slug":65},{"slug":30,"title":29,"logo":32,"categories":251},[],[],[254,256,258,260,262,264,266,269],{"label":138,"to":255},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":143,"to":257},"\u002Fexamples\u002Fscreens\u002Fprofile",{"label":171,"to":259},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":54,"to":261},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":106,"to":263,"count":173},"\u002Fexamples\u002Fscreens\u002Fverification",{"label":111,"to":265,"count":58},"\u002Fexamples\u002Fscreens\u002Ferror",{"label":267,"to":268},"CRM app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcrm",{"label":270,"to":271},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"published_at":273,"updated_at":274},"2022-07-31T20:25:02.000Z","2026-09-13T13:02:39.000Z"]