[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Ftwo-cards":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":34,"examples":49,"showcases":50,"links":344,"dates":379},"\u002Fexamples\u002Fapps\u002Ftwo-cards","detail","apps",true,{"title":9,"description":10,"og_image":11},"Two cards design examples - Nicelydone","Explore Two cards UI design examples. Your invoicing made easy","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ftwo-cards_sign-in_3ade976f_nicelydone.jpg",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Two cards design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":33},"SaaS app examples",[24],{"title":25,"links":26},"Explore Two cards",[27,30],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Ftwo-cards\u002Fscreens",{"label":31,"to":32},"marketing pages","\u002Fexamples\u002Fapps\u002Ftwo-cards\u002Fmarketing",[],{"title":35,"slug":36,"description":37,"logo":38,"url":39,"categories":40},"Two cards","two-cards","Your invoicing made easy","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ftwocards-693942a7.png","https:\u002F\u002Ftwocards.co",[41,45],{"id":42,"title":43,"slug":44},39,"Payments","payments",{"id":46,"title":47,"slug":48},56,"Accounting","accounting",[],[51,341],{"family":52,"examples":53},"screens",[54,79,92,104,146,172,192,212,232,255,278,309],{"uuid":55,"title":56,"description":57,"canonical_path":29,"image":11,"width":58,"height":59,"image_alt":60,"kind":61,"patterns":62,"component_categories":72,"app":77},"4b955c62-d8bf-43cb-83f8-4dd17d5fa85e","Sign in","Sign-in screen where the user enters their specific workspace domain to proceed with authentication.",2880,1526,"Sign in from Two cards","screen",[63],{"id":64,"label":65,"slug":66,"rank":67,"group":68},4,"Sign In","sign-in",0,{"id":69,"label":70,"slug":71},1,"Access & Account","access-and-account",[73],{"id":74,"title":75,"slug":76},175,"Button","button",{"slug":36,"title":35,"logo":38,"categories":78},[],{"uuid":80,"title":56,"description":81,"canonical_path":29,"image":82,"width":58,"height":59,"image_alt":60,"kind":61,"patterns":83,"component_categories":89,"app":90},"92e63e24-f871-42d6-bdc7-5a92b408b183","Signup screen where the user provides their name, email, password, and preferred currency to create a new account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ftwo-cards_sign-in-2_62ecca41_nicelydone.jpg",[84],{"id":85,"label":86,"slug":87,"rank":67,"group":88},5,"Sign Up","sign-up",{"id":69,"label":70,"slug":71},[],{"slug":36,"title":35,"logo":38,"categories":91},[],{"uuid":93,"title":94,"description":81,"canonical_path":29,"image":95,"width":58,"height":59,"image_alt":96,"kind":61,"patterns":97,"component_categories":100,"app":102},"49c1d3e0-02a5-454b-9926-2f066be5b292","Sign up","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ftwo-cards_sign-up_70d09b3b_nicelydone.jpg","Sign up from Two cards",[98],{"id":85,"label":86,"slug":87,"rank":67,"group":99},{"id":69,"label":70,"slug":71},[101],{"id":74,"title":75,"slug":76},{"slug":36,"title":35,"logo":38,"categories":103},[],{"uuid":105,"title":106,"description":107,"canonical_path":29,"image":108,"width":58,"height":59,"image_alt":109,"kind":61,"patterns":110,"component_categories":134,"app":144},"58e5504f-b40f-480a-928e-dd946dda4183","Home","List view for invoices showing zero balances across received, sent, and overdue categories, with a prompt to create a new invoice.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ftwo-cards_home_b1fccfea_nicelydone.jpg","Home from Two cards",[111,119,126],{"id":112,"label":113,"slug":114,"rank":67,"group":115},115,"Empty State","empty-state",{"id":116,"label":117,"slug":118},12,"States & Feedback","states-and-feedback",{"id":120,"label":121,"slug":122,"rank":69,"group":123},41,"Dashboard","dashboard",{"id":64,"label":124,"slug":125},"Data & Analysis","data-and-analysis",{"id":127,"label":128,"slug":129,"rank":130,"group":131},7,"Add & Create","add-and-create",2,{"id":130,"label":132,"slug":133},"Actions","actions",[135,139,143],{"id":136,"title":137,"slug":138},240,"Horizontal navigation","horizontal-navigation",{"id":140,"title":141,"slug":142},169,"Avatar","avatar",{"id":74,"title":75,"slug":76},{"slug":36,"title":35,"logo":38,"categories":145},[],{"uuid":147,"title":148,"description":149,"canonical_path":29,"image":150,"width":58,"height":59,"image_alt":151,"kind":61,"patterns":152,"component_categories":166,"app":170},"04f9c04b-8eb0-42ec-a2f9-3df4570c226b","Settings","Settings page where the user can update their account email and password or log out of the application.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ftwo-cards_settings_92119a2a_nicelydone.jpg","Settings from Two cards",[153,161],{"id":154,"label":155,"slug":156,"rank":67,"group":157},94,"Account Settings","account-settings",{"id":158,"label":159,"slug":160},10,"Settings & Admin","settings-and-admin",{"id":162,"label":163,"slug":164,"rank":69,"group":165},11,"Edit","edit",{"id":130,"label":132,"slug":133},[167,168,169],{"id":136,"title":137,"slug":138},{"id":140,"title":141,"slug":142},{"id":74,"title":75,"slug":76},{"slug":36,"title":35,"logo":38,"categories":171},[],{"uuid":173,"title":174,"description":175,"canonical_path":29,"image":176,"width":58,"height":59,"image_alt":177,"kind":61,"patterns":178,"component_categories":186,"app":190},"f3f328bf-5bfc-494c-ada2-f41314751df9","Team settings","Settings page where the user configures their team name, address, and default currency.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ftwo-cards_team-settings_070bb5ee_nicelydone.jpg","Team settings from Two cards",[179,184],{"id":180,"label":181,"slug":182,"rank":67,"group":183},104,"Team Management","team-management",{"id":158,"label":159,"slug":160},{"id":162,"label":163,"slug":164,"rank":69,"group":185},{"id":130,"label":132,"slug":133},[187,188,189],{"id":136,"title":137,"slug":138},{"id":140,"title":141,"slug":142},{"id":74,"title":75,"slug":76},{"slug":36,"title":35,"logo":38,"categories":191},[],{"uuid":193,"title":194,"description":195,"canonical_path":29,"image":196,"width":58,"height":59,"image_alt":197,"kind":61,"patterns":198,"component_categories":206,"app":210},"c606056d-208d-4c84-8eb0-b1057de32915","Notification settings","Settings page where the user configures email notification preferences for payments, overdue clients, and product updates.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ftwo-cards_notification-settings_65b6d7c3_nicelydone.jpg","Notification settings from Two cards",[199,204],{"id":200,"label":201,"slug":202,"rank":67,"group":203},99,"Notification Settings","notification-settings",{"id":158,"label":159,"slug":160},{"id":154,"label":155,"slug":156,"rank":69,"group":205},{"id":158,"label":159,"slug":160},[207,208,209],{"id":136,"title":137,"slug":138},{"id":140,"title":141,"slug":142},{"id":74,"title":75,"slug":76},{"slug":36,"title":35,"logo":38,"categories":211},[],{"uuid":213,"title":214,"description":215,"canonical_path":29,"image":216,"width":58,"height":59,"image_alt":217,"kind":61,"patterns":218,"component_categories":226,"app":230},"4c26eec0-5381-4906-a9f8-712cc07886ce","Create client","Create page where the user adds a new client by filling in details like name, email, address, payment method, and currency.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ftwo-cards_create-client_359cd5d9_nicelydone.jpg","Create client from Two cards",[219,221],{"id":127,"label":128,"slug":129,"rank":67,"group":220},{"id":130,"label":132,"slug":133},{"id":222,"label":223,"slug":224,"rank":69,"group":225},42,"Form","form",{"id":64,"label":124,"slug":125},[227,228,229],{"id":136,"title":137,"slug":138},{"id":140,"title":141,"slug":142},{"id":74,"title":75,"slug":76},{"slug":36,"title":35,"logo":38,"categories":231},[],{"uuid":233,"title":234,"description":235,"canonical_path":29,"image":236,"width":58,"height":59,"image_alt":237,"kind":61,"patterns":238,"component_categories":249,"app":253},"f9edeabe-b5c0-425a-8141-adf8225c877f","Client list","List view where the user manages clients, featuring an inline form to add a new client and cards to edit existing ones like Google.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ftwo-cards_client-lient_ac73a351_nicelydone.jpg","Client list from Two cards",[239,247],{"id":240,"label":241,"slug":242,"rank":67,"group":243},80,"Files","files",{"id":244,"label":245,"slug":246},8,"Pages & Content","pages-and-content",{"id":162,"label":163,"slug":164,"rank":69,"group":248},{"id":130,"label":132,"slug":133},[250,251,252],{"id":136,"title":137,"slug":138},{"id":140,"title":141,"slug":142},{"id":74,"title":75,"slug":76},{"slug":36,"title":35,"logo":38,"categories":254},[],{"uuid":256,"title":257,"description":258,"canonical_path":29,"image":259,"width":58,"height":59,"image_alt":260,"kind":61,"patterns":261,"component_categories":268,"app":276},"1a7ef0c2-4497-48c2-960b-0aad1c01da4d","Create invoice","List view showing zero current invoices with a summary of received, sent, and overdue amounts, alongside an open floating form to create a new invoice.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ftwo-cards_create-invoice_9c805dc3_nicelydone.jpg","Create invoice from Two cards",[262,264,266],{"id":112,"label":113,"slug":114,"rank":67,"group":263},{"id":116,"label":117,"slug":118},{"id":120,"label":121,"slug":122,"rank":69,"group":265},{"id":64,"label":124,"slug":125},{"id":127,"label":128,"slug":129,"rank":130,"group":267},{"id":130,"label":132,"slug":133},[269,273,274,275],{"id":270,"title":271,"slug":272},174,"Card","card",{"id":136,"title":137,"slug":138},{"id":140,"title":141,"slug":142},{"id":74,"title":75,"slug":76},{"slug":36,"title":35,"logo":38,"categories":277},[],{"uuid":279,"title":280,"description":281,"canonical_path":29,"image":282,"width":58,"height":59,"image_alt":283,"kind":61,"patterns":284,"component_categories":299,"app":307},"cc4112c7-9869-4718-aafa-2f835d70aeb9","Calendar","Client management list view where the user is creating a new invoice via a floating modal and selecting a due date.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ftwo-cards_calendar_0768fa20_nicelydone.jpg","Calendar from Two cards",[285,291],{"id":286,"label":280,"slug":287,"rank":67,"group":288},51,"calendar",{"id":85,"label":289,"slug":290},"Media & Tools","media-and-tools",{"id":292,"label":293,"slug":294,"rank":69,"group":295},130,"Checkout","checkout",{"id":296,"label":297,"slug":298},14,"Payments & Checkout","payments-and-checkout",[300,304,305,306],{"id":301,"title":302,"slug":303},284,"Modal","modal",{"id":136,"title":137,"slug":138},{"id":140,"title":141,"slug":142},{"id":74,"title":75,"slug":76},{"slug":36,"title":35,"logo":38,"categories":308},[],{"uuid":310,"title":311,"description":312,"canonical_path":29,"image":313,"width":58,"height":59,"image_alt":314,"kind":61,"patterns":315,"component_categories":331,"app":339},"fd3cce93-41a2-4429-b364-456777b3afa3","Single","Invoice management page where the user views a list of sent and overdue invoices, with one row expanded to reveal subtotal, tax, and actions to mark as paid or download.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ftwo-cards_single_af053ece_nicelydone.jpg","Single from Two cards",[316,321,326],{"id":317,"label":318,"slug":319,"rank":67,"group":320},47,"Table","table",{"id":64,"label":124,"slug":125},{"id":322,"label":323,"slug":324,"rank":69,"group":325},96,"Billing Settings","billing-settings",{"id":158,"label":159,"slug":160},{"id":327,"label":328,"slug":329,"rank":130,"group":330},46,"Stats","stats",{"id":64,"label":124,"slug":125},[332,336,337,338],{"id":333,"title":334,"slug":335},260,"Badge","badge",{"id":136,"title":137,"slug":138},{"id":140,"title":141,"slug":142},{"id":74,"title":75,"slug":76},{"slug":36,"title":35,"logo":38,"categories":340},[],{"family":342,"examples":343},"pages",[],[345,347,349,352,355,358,361,363,367,371,375],{"label":346,"to":29},"Two cards product screens",{"label":348,"to":32},"Two cards marketing pages",{"label":350,"to":351},"Two cards user flows","\u002Fexamples\u002Fapps\u002Ftwo-cards\u002Fflows",{"label":353,"to":354},"Two cards UI components","\u002Fexamples\u002Fapps\u002Ftwo-cards\u002Fcomponents",{"label":356,"to":357},"Payments app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fpayments",{"label":359,"to":360},"Accounting app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Faccounting",{"label":362,"to":18},"All SaaS app examples",{"label":364,"to":365,"description":366},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":368,"to":369,"description":370},"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":372,"to":373,"description":374},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":376,"to":377,"description":378},"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":380,"updated_at":381},"2016-11-30T08:00:00.000Z","2026-09-13T13:02:39.000Z"]