[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fattio":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":277,"dates":310},"\u002Fexamples\u002Fapps\u002Fattio","detail","apps",true,{"title":9,"description":10,"og_image":11},"Attio design examples - Nicelydone","Explore Attio UI design examples. Customer relationship magic","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffe9f83c8-91c2-4938-ac81-8d9227fac93b.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Attio design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":39},"SaaS app examples",[24],{"title":25,"links":26},"Explore Attio",[27,30,33,36],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fattio\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Fattio\u002Fflows",{"label":34,"to":35},"UI components","\u002Fexamples\u002Fapps\u002Fattio\u002Fcomponents",{"label":37,"to":38},"marketing pages","\u002Fexamples\u002Fapps\u002Fattio\u002Fmarketing",[],{"title":41,"slug":42,"description":43,"logo":44,"url":45,"twitter_username":42,"categories":46},"Attio","attio","Customer relationship magic","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fattio-nqag2fca.png","https:\u002F\u002Fattio.com",[47,51],{"id":48,"title":49,"slug":50},53,"CRM","crm",{"id":52,"title":53,"slug":54},80,"Artificial Intelligence","artificial-intelligence",[],[57,268,271,274],{"family":58,"examples":59},"screens",[60,84,94,105,115,137,148,177,198,215,231,252],{"uuid":61,"title":41,"description":62,"canonical_path":29,"image":11,"width":63,"height":64,"image_alt":65,"kind":66,"patterns":67,"component_categories":77,"app":82},"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",[68],{"id":69,"label":70,"slug":71,"rank":72,"group":73},4,"Sign In","sign-in",0,{"id":74,"label":75,"slug":76},1,"Access & Account","access-and-account",[78],{"id":79,"title":80,"slug":81},175,"Button","button",{"slug":42,"title":41,"logo":44,"categories":83},[],{"uuid":85,"title":41,"description":62,"canonical_path":29,"image":86,"width":63,"height":64,"image_alt":65,"kind":66,"patterns":87,"component_categories":90,"app":92},"29479984-1fdc-47ec-ab73-6d44e2d1fe64","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F29479984-1fdc-47ec-ab73-6d44e2d1fe64.png",[88],{"id":69,"label":70,"slug":71,"rank":72,"group":89},{"id":74,"label":75,"slug":76},[91],{"id":79,"title":80,"slug":81},{"slug":42,"title":41,"logo":44,"categories":93},[],{"uuid":95,"title":41,"description":96,"canonical_path":29,"image":97,"width":63,"height":64,"image_alt":65,"kind":66,"patterns":98,"component_categories":101,"app":103},"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",[99],{"id":69,"label":70,"slug":71,"rank":72,"group":100},{"id":74,"label":75,"slug":76},[102],{"id":79,"title":80,"slug":81},{"slug":42,"title":41,"logo":44,"categories":104},[],{"uuid":106,"title":41,"description":96,"canonical_path":29,"image":107,"width":63,"height":64,"image_alt":65,"kind":66,"patterns":108,"component_categories":111,"app":113},"48fbcc0b-dab2-4859-a693-3098c59b8041","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F48fbcc0b-dab2-4859-a693-3098c59b8041.png",[109],{"id":69,"label":70,"slug":71,"rank":72,"group":110},{"id":74,"label":75,"slug":76},[112],{"id":79,"title":80,"slug":81},{"slug":42,"title":41,"logo":44,"categories":114},[],{"uuid":116,"title":41,"description":117,"canonical_path":29,"image":118,"width":63,"height":64,"image_alt":65,"kind":66,"patterns":119,"component_categories":133,"app":135},"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",[120,125],{"id":121,"label":122,"slug":123,"rank":72,"group":124},6,"Verification","verification",{"id":74,"label":75,"slug":76},{"id":126,"label":127,"slug":128,"rank":74,"group":129},116,"Error","error",{"id":130,"label":131,"slug":132},12,"States & Feedback","states-and-feedback",[134],{"id":79,"title":80,"slug":81},{"slug":42,"title":41,"logo":44,"categories":136},[],{"uuid":138,"title":41,"description":139,"canonical_path":29,"image":140,"width":63,"height":64,"image_alt":65,"kind":66,"patterns":141,"component_categories":144,"app":146},"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",[142],{"id":121,"label":122,"slug":123,"rank":72,"group":143},{"id":74,"label":75,"slug":76},[145],{"id":79,"title":80,"slug":81},{"slug":42,"title":41,"logo":44,"categories":147},[],{"uuid":149,"title":41,"description":150,"canonical_path":29,"image":151,"width":63,"height":64,"image_alt":65,"kind":66,"patterns":152,"component_categories":165,"app":175},"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",[153,157],{"id":74,"label":154,"slug":155,"rank":72,"group":156},"Account Setup","account-setup",{"id":74,"label":75,"slug":76},{"id":158,"label":159,"slug":160,"rank":74,"group":161},3,"Profile","profile",{"id":162,"label":163,"slug":164},11,"Social & Collaboration","social-and-collaboration",[166,170,174],{"id":167,"title":168,"slug":169},174,"Card","card",{"id":171,"title":172,"slug":173},169,"Avatar","avatar",{"id":79,"title":80,"slug":81},{"slug":42,"title":41,"logo":44,"categories":176},[],{"uuid":178,"title":41,"description":179,"canonical_path":29,"image":180,"width":63,"height":64,"image_alt":65,"kind":66,"patterns":181,"component_categories":193,"app":196},"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",[182,184,186],{"id":74,"label":154,"slug":155,"rank":72,"group":183},{"id":74,"label":75,"slug":76},{"id":158,"label":159,"slug":160,"rank":74,"group":185},{"id":162,"label":163,"slug":164},{"id":162,"label":187,"slug":188,"rank":189,"group":190},"Edit","edit",2,{"id":189,"label":191,"slug":192},"Actions","actions",[194,195],{"id":171,"title":172,"slug":173},{"id":79,"title":80,"slug":81},{"slug":42,"title":41,"logo":44,"categories":197},[],{"uuid":199,"title":41,"description":200,"canonical_path":29,"image":201,"width":63,"height":64,"image_alt":65,"kind":66,"patterns":202,"component_categories":209,"app":213},"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",[203,205,207],{"id":74,"label":154,"slug":155,"rank":72,"group":204},{"id":74,"label":75,"slug":76},{"id":158,"label":159,"slug":160,"rank":74,"group":206},{"id":162,"label":163,"slug":164},{"id":162,"label":187,"slug":188,"rank":189,"group":208},{"id":189,"label":191,"slug":192},[210,211,212],{"id":167,"title":168,"slug":169},{"id":171,"title":172,"slug":173},{"id":79,"title":80,"slug":81},{"slug":42,"title":41,"logo":44,"categories":214},[],{"uuid":216,"title":41,"description":179,"canonical_path":29,"image":217,"width":63,"height":64,"image_alt":65,"kind":66,"patterns":218,"component_categories":225,"app":229},"c585e519-0167-49bb-9afd-049e07511a72","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc585e519-0167-49bb-9afd-049e07511a72.png",[219,221,223],{"id":74,"label":154,"slug":155,"rank":72,"group":220},{"id":74,"label":75,"slug":76},{"id":158,"label":159,"slug":160,"rank":74,"group":222},{"id":162,"label":163,"slug":164},{"id":162,"label":187,"slug":188,"rank":189,"group":224},{"id":189,"label":191,"slug":192},[226,227,228],{"id":167,"title":168,"slug":169},{"id":171,"title":172,"slug":173},{"id":79,"title":80,"slug":81},{"slug":42,"title":41,"logo":44,"categories":230},[],{"uuid":232,"title":41,"description":233,"canonical_path":29,"image":234,"width":63,"height":64,"image_alt":65,"kind":66,"patterns":235,"component_categories":242,"app":250},"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",[236,238,240],{"id":74,"label":154,"slug":155,"rank":72,"group":237},{"id":74,"label":75,"slug":76},{"id":158,"label":159,"slug":160,"rank":74,"group":239},{"id":162,"label":163,"slug":164},{"id":162,"label":187,"slug":188,"rank":189,"group":241},{"id":189,"label":191,"slug":192},[243,247,248,249],{"id":244,"title":245,"slug":246},226,"Skeleton","skeleton",{"id":167,"title":168,"slug":169},{"id":171,"title":172,"slug":173},{"id":79,"title":80,"slug":81},{"slug":42,"title":41,"logo":44,"categories":251},[],{"uuid":253,"title":41,"description":254,"canonical_path":29,"image":255,"width":63,"height":64,"image_alt":65,"kind":66,"patterns":256,"component_categories":263,"app":266},"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",[257,259,261],{"id":74,"label":154,"slug":155,"rank":72,"group":258},{"id":74,"label":75,"slug":76},{"id":158,"label":159,"slug":160,"rank":74,"group":260},{"id":162,"label":163,"slug":164},{"id":162,"label":187,"slug":188,"rank":189,"group":262},{"id":189,"label":191,"slug":192},[264,265],{"id":171,"title":172,"slug":173},{"id":79,"title":80,"slug":81},{"slug":42,"title":41,"logo":44,"categories":267},[],{"family":269,"examples":270},"flows",[],{"family":272,"examples":273},"components",[],{"family":275,"examples":276},"pages",[],[278,280,282,284,286,289,292,294,298,302,306],{"label":279,"to":29},"Attio product screens",{"label":281,"to":38},"Attio marketing pages",{"label":283,"to":32},"Attio user flows",{"label":285,"to":35},"Attio UI components",{"label":287,"to":288},"CRM app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcrm",{"label":290,"to":291},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":293,"to":18},"All SaaS app examples",{"label":295,"to":296,"description":297},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":299,"to":300,"description":301},"SaaS marketing page examples","\u002Fexamples\u002Fpages","Browse real SaaS marketing pages grouped by page type, from landing pages to pricing and customer story pages.",{"label":303,"to":304,"description":305},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":307,"to":308,"description":309},"User flow examples from SaaS apps","\u002Fexamples\u002Fflows","Explore user flow examples for sign-up, onboarding, billing, and other SaaS tasks. Compare the order of screens and preview the opening steps from real apps.",{"published_at":311,"updated_at":312},"2022-07-31T20:25:02.000Z","2026-09-13T13:02:39.000Z"]