[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fequals":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":37,"examples":57,"showcases":58,"links":334,"dates":371},"\u002Fexamples\u002Fapps\u002Fequals","detail","apps",true,{"title":9,"description":10,"og_image":11},"Equals design examples - Nicelydone","Explore Equals UI design examples. Because you always end up back in a spreadsheet","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8a6d55de-a304-49dd-adc0-26000286f4a5.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Equals design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":36},"SaaS app examples",[24],{"title":25,"links":26},"Explore Equals",[27,30,33],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fequals\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Fequals\u002Fflows",{"label":34,"to":35},"marketing pages","\u002Fexamples\u002Fapps\u002Fequals\u002Fmarketing",[],{"title":38,"slug":39,"description":40,"logo":41,"url":42,"twitter_username":43,"categories":44},"Equals","equals","Because you always end up back in a spreadsheet","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fequals-7b49c591.png","https:\u002F\u002Fequals.app","@heyequals",[45,49,53],{"id":46,"title":47,"slug":48},30,"Productivity","productivity",{"id":50,"title":51,"slug":52},46,"Analytics","analytics",{"id":54,"title":55,"slug":56},80,"Artificial Intelligence","artificial-intelligence",[],[59,328,331],{"family":60,"examples":61},"screens",[62,116,134,146,157,170,183,203,229,254,277,300],{"uuid":63,"title":64,"description":65,"canonical_path":29,"image":11,"width":66,"height":67,"image_alt":68,"kind":69,"patterns":70,"component_categories":97,"app":114},"8a6d55de-a304-49dd-adc0-26000286f4a5","Equals raises 16M Series A from A16Z to replace Excel","Article page where a modal prompts the user to sign up for the wrap text newsletter with their email address.",3024,1738,"Equals raises 16M Series A from A16Z to replace Excel from Equals","screen",[71,80,89],{"id":72,"label":73,"slug":74,"rank":75,"group":76},78,"Article","article",0,{"id":77,"label":78,"slug":79},15,"Marketing Page Types","marketing-page-types",{"id":81,"label":82,"slug":83,"rank":84,"group":85},114,"Confirmation","confirmation",1,{"id":86,"label":87,"slug":88},12,"States & Feedback","states-and-feedback",{"id":90,"label":91,"slug":92,"rank":93,"group":94},5,"Sign Up","sign-up",2,{"id":84,"label":95,"slug":96},"Access & Account","access-and-account",[98,102,106,110],{"id":99,"title":100,"slug":101},258,"Header","header",{"id":103,"title":104,"slug":105},260,"Badge","badge",{"id":107,"title":108,"slug":109},284,"Modal","modal",{"id":111,"title":112,"slug":113},175,"Button","button",{"slug":39,"title":38,"logo":41,"categories":115},[],{"uuid":117,"title":64,"description":118,"canonical_path":29,"image":119,"width":66,"height":67,"image_alt":68,"kind":69,"patterns":120,"component_categories":128,"app":132},"a2ea8d6d-960a-4051-ac80-60201351525f","Sign-in screen overlaid on a blog article where the user enters their email to authenticate and continue reading.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa2ea8d6d-960a-4051-ac80-60201351525f.png",[121,126],{"id":122,"label":123,"slug":124,"rank":75,"group":125},4,"Sign In","sign-in",{"id":84,"label":95,"slug":96},{"id":81,"label":82,"slug":83,"rank":84,"group":127},{"id":86,"label":87,"slug":88},[129,130,131],{"id":103,"title":104,"slug":105},{"id":107,"title":108,"slug":109},{"id":111,"title":112,"slug":113},{"slug":39,"title":38,"logo":41,"categories":133},[],{"uuid":135,"title":38,"description":136,"canonical_path":29,"image":137,"width":66,"height":67,"image_alt":138,"kind":69,"patterns":139,"component_categories":142,"app":144},"9f830eb7-2a2d-4687-abb0-35ed384e9b3c","Signup screen where the user enters their work email address to continue the authentication flow.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9f830eb7-2a2d-4687-abb0-35ed384e9b3c.png","Equals from Equals",[140],{"id":90,"label":91,"slug":92,"rank":75,"group":141},{"id":84,"label":95,"slug":96},[143],{"id":111,"title":112,"slug":113},{"slug":39,"title":38,"logo":41,"categories":145},[],{"uuid":147,"title":38,"description":148,"canonical_path":29,"image":149,"width":66,"height":67,"image_alt":138,"kind":69,"patterns":150,"component_categories":153,"app":155},"d5a2b329-5ab5-4c89-9bda-bc04394473ff","Signup screen where the user creates a new account via Google OAuth or by providing their name, email, and a password.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd5a2b329-5ab5-4c89-9bda-bc04394473ff.png",[151],{"id":90,"label":91,"slug":92,"rank":75,"group":152},{"id":84,"label":95,"slug":96},[154],{"id":111,"title":112,"slug":113},{"slug":39,"title":38,"logo":41,"categories":156},[],{"uuid":158,"title":38,"description":159,"canonical_path":29,"image":160,"width":66,"height":67,"image_alt":138,"kind":69,"patterns":161,"component_categories":167,"app":168},"992f6c32-e3fd-4b86-a91d-5b6c2aa65f06","Verification screen instructing the user to check their email and click the link to complete sign up.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F992f6c32-e3fd-4b86-a91d-5b6c2aa65f06.png",[162],{"id":163,"label":164,"slug":165,"rank":75,"group":166},6,"Verification","verification",{"id":84,"label":95,"slug":96},[],{"slug":39,"title":38,"logo":41,"categories":169},[],{"uuid":171,"title":38,"description":172,"canonical_path":29,"image":173,"width":66,"height":67,"image_alt":138,"kind":69,"patterns":174,"component_categories":179,"app":181},"62844f26-ac5f-4aed-a744-e3e23fa79a6e","Sign-in screen where the user authenticates with a pre-filled email address and password.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F62844f26-ac5f-4aed-a744-e3e23fa79a6e.png",[175],{"id":93,"label":176,"slug":177,"rank":75,"group":178},"Forgot Password","forgot-password",{"id":84,"label":95,"slug":96},[180],{"id":111,"title":112,"slug":113},{"slug":39,"title":38,"logo":41,"categories":182},[],{"uuid":184,"title":38,"description":185,"canonical_path":29,"image":186,"width":66,"height":67,"image_alt":138,"kind":69,"patterns":187,"component_categories":200,"app":201},"15e5326a-2f41-41ee-86bc-c72265ab52d7","Onboarding step where the user names their new workspace and configures auto-join for their email domain.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F15e5326a-2f41-41ee-86bc-c72265ab52d7.png",[188,192],{"id":84,"label":189,"slug":190,"rank":75,"group":191},"Account Setup","account-setup",{"id":84,"label":95,"slug":96},{"id":193,"label":194,"slug":195,"rank":84,"group":196},104,"Team Management","team-management",{"id":197,"label":198,"slug":199},10,"Settings & Admin","settings-and-admin",[],{"slug":39,"title":38,"logo":41,"categories":202},[],{"uuid":204,"title":38,"description":205,"canonical_path":29,"image":206,"width":66,"height":67,"image_alt":138,"kind":69,"patterns":207,"component_categories":221,"app":227},"2ba89a0b-1b81-4a8b-b72e-8d0812b24fab","Onboarding step where the user selects a datasource like Salesforce, Stripe, or Snowflake to connect, alongside a help card offering a video guide and support links.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2ba89a0b-1b81-4a8b-b72e-8d0812b24fab.png",[208,216],{"id":209,"label":210,"slug":211,"rank":75,"group":212},75,"Setup Wizard","setup-wizard",{"id":213,"label":214,"slug":215},7,"Onboarding & Education","onboarding-and-education",{"id":217,"label":218,"slug":219,"rank":84,"group":220},118,"Help","help",{"id":86,"label":87,"slug":88},[222,226],{"id":223,"title":224,"slug":225},174,"Card","card",{"id":111,"title":112,"slug":113},{"slug":39,"title":38,"logo":41,"categories":228},[],{"uuid":230,"title":38,"description":231,"canonical_path":29,"image":232,"width":66,"height":67,"image_alt":138,"kind":69,"patterns":233,"component_categories":248,"app":252},"7c11074f-dd53-4698-89e5-6e4b8307bf7a","Onboarding step where the user can email a teammate to ask for help connecting a datasource, featuring an inline email preview.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7c11074f-dd53-4698-89e5-6e4b8307bf7a.png",[234,241,243],{"id":235,"label":236,"slug":237,"rank":75,"group":238},133,"Invite Teammates","invite-teammates",{"id":93,"label":239,"slug":240},"Actions","actions",{"id":217,"label":218,"slug":219,"rank":84,"group":242},{"id":86,"label":87,"slug":88},{"id":244,"label":245,"slug":246,"rank":93,"group":247},74,"Onboarding Checklist","onboarding-checklist",{"id":213,"label":214,"slug":215},[249,250,251],{"id":107,"title":108,"slug":109},{"id":223,"title":224,"slug":225},{"id":111,"title":112,"slug":113},{"slug":39,"title":38,"logo":41,"categories":253},[],{"uuid":255,"title":38,"description":256,"canonical_path":29,"image":257,"width":66,"height":258,"image_alt":138,"kind":69,"patterns":259,"component_categories":268,"app":275},"99ce22df-96c3-40c0-bfe2-a83e4a049860","Setup wizard where the user names and connects their Plaid bank account data source, with options to share with the workspace and access help resources.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F99ce22df-96c3-40c0-bfe2-a83e4a049860.png",2198,[260,262,266],{"id":209,"label":210,"slug":211,"rank":75,"group":261},{"id":213,"label":214,"slug":215},{"id":213,"label":263,"slug":264,"rank":84,"group":265},"Add & Create","add-and-create",{"id":93,"label":239,"slug":240},{"id":217,"label":218,"slug":219,"rank":93,"group":267},{"id":86,"label":87,"slug":88},[269,273,274],{"id":270,"title":271,"slug":272},227,"Stepper","stepper",{"id":223,"title":224,"slug":225},{"id":111,"title":112,"slug":113},{"slug":39,"title":38,"logo":41,"categories":276},[],{"uuid":278,"title":38,"description":279,"canonical_path":29,"image":280,"width":66,"height":67,"image_alt":138,"kind":69,"patterns":281,"component_categories":294,"app":298},"d8e4de9e-f909-4a3e-b32a-1addfd528ac0","Modal overlay explaining the Plaid integration and prompting the user to securely connect their bank account to the workspace.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd8e4de9e-f909-4a3e-b32a-1addfd528ac0.png",[282,284,289],{"id":81,"label":82,"slug":83,"rank":75,"group":283},{"id":86,"label":87,"slug":88},{"id":285,"label":286,"slug":287,"rank":84,"group":288},97,"Integrations","integrations",{"id":197,"label":198,"slug":199},{"id":290,"label":291,"slug":292,"rank":93,"group":293},101,"Security Settings","security-settings",{"id":197,"label":198,"slug":199},[295,296,297],{"id":107,"title":108,"slug":109},{"id":223,"title":224,"slug":225},{"id":111,"title":112,"slug":113},{"slug":39,"title":38,"logo":41,"categories":299},[],{"uuid":301,"title":38,"description":302,"canonical_path":29,"image":303,"width":66,"height":67,"image_alt":138,"kind":69,"patterns":304,"component_categories":319,"app":326},"803b630f-a2c9-4894-b599-e2c80d3a2609","Wizard step where the user finalizes the connection to their Plaid bank account before pulling data into workbooks.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F803b630f-a2c9-4894-b599-e2c80d3a2609.png",[305,307,309,311],{"id":209,"label":210,"slug":211,"rank":75,"group":306},{"id":213,"label":214,"slug":215},{"id":84,"label":189,"slug":190,"rank":84,"group":308},{"id":84,"label":95,"slug":96},{"id":290,"label":291,"slug":292,"rank":93,"group":310},{"id":197,"label":198,"slug":199},{"id":312,"label":313,"slug":314,"rank":315,"group":316},62,"Breadcrumbs","breadcrumbs",3,{"id":163,"label":317,"slug":318},"Navigation & Commands","navigation-and-commands",[320,324,325],{"id":321,"title":322,"slug":323},177,"Breadcrumb","breadcrumb",{"id":223,"title":224,"slug":225},{"id":111,"title":112,"slug":113},{"slug":39,"title":38,"logo":41,"categories":327},[],{"family":329,"examples":330},"flows",[],{"family":332,"examples":333},"pages",[],[335,337,339,341,344,347,350,353,355,359,363,367],{"label":336,"to":29},"Equals product screens",{"label":338,"to":35},"Equals marketing pages",{"label":340,"to":32},"Equals user flows",{"label":342,"to":343},"Equals UI components","\u002Fexamples\u002Fapps\u002Fequals\u002Fcomponents",{"label":345,"to":346},"Productivity app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproductivity",{"label":348,"to":349},"Analytics app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fanalytics",{"label":351,"to":352},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":354,"to":18},"All SaaS app examples",{"label":356,"to":357,"description":358},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":360,"to":361,"description":362},"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":364,"to":365,"description":366},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":368,"to":369,"description":370},"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":372,"updated_at":373},"2022-11-11T21:07:09.000Z","2026-09-13T13:02:39.000Z"]