[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fcompound-planning\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":350,"links":351,"dates":406},"\u002Fexamples\u002Fapps\u002Fcompound-planning\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Compound Planning product screens examples - Nicelydone","Browse Compound Planning screen design examples. Preview the interface screenshots and explore related UI patterns. Modern wealth and investment management","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F74fb8ca5-f44e-4507-a90b-12b0237c308e.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},"Compound Planning design examples","\u002Fexamples\u002Fapps\u002Fcompound-planning",{"label":23,"to":4},"Compound Planning 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},"Compound Planning","compound-planning","Modern wealth and investment management","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcompound-m0jdGUb.png","https:\u002F\u002Fcompoundplanning.com","https:\u002F\u002Ftwitter.com\u002Fcompound?lang=en",[36],{"id":37,"title":38,"slug":39},36,"Finance","finance",[41,91,112,137,154,171,209,229,243,285,306,331],{"uuid":42,"title":43,"description":44,"canonical_path":4,"image":11,"width":45,"height":46,"image_alt":47,"kind":48,"patterns":49,"component_categories":72,"app":89},"74fb8ca5-f44e-4507-a90b-12b0237c308e","Compound Planning | Modern Wealth  Investment Management","Landing page where the user fills out a lead capture form with their name, email, and phone number to get started.",3024,1718,"Compound Planning | Modern Wealth  Investment Management from Compound Planning","screen",[50,58,63],{"id":51,"label":52,"slug":53,"rank":54,"group":55},1,"Account Setup","account-setup",0,{"id":51,"label":56,"slug":57},"Access & Account","access-and-account",{"id":59,"label":60,"slug":61,"rank":51,"group":62},5,"Sign Up","sign-up",{"id":51,"label":56,"slug":57},{"id":64,"label":65,"slug":66,"rank":67,"group":68},77,"Welcome","welcome",2,{"id":69,"label":70,"slug":71},7,"Onboarding & Education","onboarding-and-education",[73,77,81,85],{"id":74,"title":75,"slug":76},233,"Tabs","tabs",{"id":78,"title":79,"slug":80},284,"Modal","modal",{"id":82,"title":83,"slug":84},258,"Header","header",{"id":86,"title":87,"slug":88},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":90},[],{"uuid":92,"title":43,"description":93,"canonical_path":4,"image":94,"width":45,"height":46,"image_alt":47,"kind":48,"patterns":95,"component_categories":106,"app":110},"99666ec5-c214-41ad-9cf9-31f5b3327c52","Landing page where a dark-themed modal prompts the user to select their total net worth and investable assets from predefined ranges before continuing.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F99666ec5-c214-41ad-9cf9-31f5b3327c52.png",[96,98],{"id":51,"label":52,"slug":53,"rank":54,"group":97},{"id":51,"label":56,"slug":57},{"id":99,"label":100,"slug":101,"rank":51,"group":102},42,"Form","form",{"id":103,"label":104,"slug":105},4,"Data & Analysis","data-and-analysis",[107,108,109],{"id":78,"title":79,"slug":80},{"id":82,"title":83,"slug":84},{"id":86,"title":87,"slug":88},{"slug":30,"title":29,"logo":32,"categories":111},[],{"uuid":113,"title":43,"description":114,"canonical_path":4,"image":115,"width":45,"height":46,"image_alt":47,"kind":48,"patterns":116,"component_categories":131,"app":135},"edcc6c39-d110-4bb2-bb22-a8f7c765e4ac","Landing page with an open modal asking the user what they want to explore, such as a financial advisor or net worth tracker, and how they heard about the company.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fedcc6c39-d110-4bb2-bb22-a8f7c765e4ac.png",[117,122,124],{"id":118,"label":119,"slug":120,"rank":54,"group":121},74,"Onboarding Checklist","onboarding-checklist",{"id":69,"label":70,"slug":71},{"id":99,"label":100,"slug":101,"rank":51,"group":123},{"id":103,"label":104,"slug":105},{"id":125,"label":126,"slug":127,"rank":67,"group":128},23,"Select","select",{"id":67,"label":129,"slug":130},"Actions","actions",[132,133,134],{"id":78,"title":79,"slug":80},{"id":82,"title":83,"slug":84},{"id":86,"title":87,"slug":88},{"slug":30,"title":29,"logo":32,"categories":136},[],{"uuid":138,"title":43,"description":139,"canonical_path":4,"image":140,"width":45,"height":46,"image_alt":47,"kind":48,"patterns":141,"component_categories":148,"app":152},"2fe69348-e63a-4ba2-b501-351f82e34ab5","Landing page with an open modal where the user answers questions about what they want to explore and how they heard about the company to get started.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2fe69348-e63a-4ba2-b501-351f82e34ab5.png",[142,144,146],{"id":99,"label":100,"slug":101,"rank":54,"group":143},{"id":103,"label":104,"slug":105},{"id":64,"label":65,"slug":66,"rank":51,"group":145},{"id":69,"label":70,"slug":71},{"id":51,"label":52,"slug":53,"rank":67,"group":147},{"id":51,"label":56,"slug":57},[149,150,151],{"id":78,"title":79,"slug":80},{"id":82,"title":83,"slug":84},{"id":86,"title":87,"slug":88},{"slug":30,"title":29,"logo":32,"categories":153},[],{"uuid":155,"title":43,"description":156,"canonical_path":4,"image":157,"width":45,"height":46,"image_alt":47,"kind":48,"patterns":158,"component_categories":165,"app":169},"d38f679b-04b9-44da-bf9f-e1c2f84f7336","Landing page where a dark welcome modal overlays a hero section targeting founders, business owners, and families.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd38f679b-04b9-44da-bf9f-e1c2f84f7336.png",[159,161],{"id":64,"label":65,"slug":66,"rank":54,"group":160},{"id":69,"label":70,"slug":71},{"id":103,"label":162,"slug":163,"rank":51,"group":164},"Sign In","sign-in",{"id":51,"label":56,"slug":57},[166,167,168],{"id":78,"title":79,"slug":80},{"id":82,"title":83,"slug":84},{"id":86,"title":87,"slug":88},{"slug":30,"title":29,"logo":32,"categories":170},[],{"uuid":172,"title":43,"description":173,"canonical_path":4,"image":174,"width":45,"height":46,"image_alt":47,"kind":48,"patterns":175,"component_categories":191,"app":207},"52a37a85-f988-4012-932e-481943b86f21","Landing page where a modal confirms a scheduled meeting with an advisor and prompts the user to open an account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F52a37a85-f988-4012-932e-481943b86f21.png",[176,184,186],{"id":177,"label":178,"slug":179,"rank":54,"group":180},114,"Confirmation","confirmation",{"id":181,"label":182,"slug":183},12,"States & Feedback","states-and-feedback",{"id":51,"label":52,"slug":53,"rank":51,"group":185},{"id":51,"label":56,"slug":57},{"id":187,"label":188,"slug":189,"rank":67,"group":190},122,"Success","success",{"id":181,"label":182,"slug":183},[192,196,200,201,205,206],{"id":193,"title":194,"slug":195},167,"Alert","alert",{"id":197,"title":198,"slug":199},169,"Avatar","avatar",{"id":78,"title":79,"slug":80},{"id":202,"title":203,"slug":204},174,"Card","card",{"id":82,"title":83,"slug":84},{"id":86,"title":87,"slug":88},{"slug":30,"title":29,"logo":32,"categories":208},[],{"uuid":210,"title":211,"description":212,"canonical_path":4,"image":213,"width":45,"height":46,"image_alt":214,"kind":48,"patterns":215,"component_categories":226,"app":227},"71d42806-1d10-4454-9758-7c146225a7b6","Compound","Signup page in a gated state displaying only a lock icon and the company logo, indicating restricted or invite-only access.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F71d42806-1d10-4454-9758-7c146225a7b6.png","Compound from Compound Planning",[216,224],{"id":217,"label":218,"slug":219,"rank":54,"group":220},88,"Feature Gate","feature-gate",{"id":221,"label":222,"slug":223},9,"Plans & Limits","plans-and-limits",{"id":59,"label":60,"slug":61,"rank":51,"group":225},{"id":51,"label":56,"slug":57},[],{"slug":30,"title":29,"logo":32,"categories":228},[],{"uuid":230,"title":211,"description":231,"canonical_path":4,"image":232,"width":45,"height":46,"image_alt":214,"kind":48,"patterns":233,"component_categories":238,"app":241},"d59507f9-f123-4ae3-a734-37c03350cc66","Signup screen where the user can create an account using their Google or Apple credentials.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd59507f9-f123-4ae3-a734-37c03350cc66.png",[234,236],{"id":59,"label":60,"slug":61,"rank":54,"group":235},{"id":51,"label":56,"slug":57},{"id":51,"label":52,"slug":53,"rank":51,"group":237},{"id":51,"label":56,"slug":57},[239,240],{"id":202,"title":203,"slug":204},{"id":86,"title":87,"slug":88},{"slug":30,"title":29,"logo":32,"categories":242},[],{"uuid":244,"title":211,"description":245,"canonical_path":4,"image":246,"width":45,"height":247,"image_alt":214,"kind":48,"patterns":248,"component_categories":275,"app":283},"2b37db82-fed2-4995-842f-c8a6906359fa","Dashboard where the user monitors their overall net worth over time and analyzes their portfolio allocation across asset classes like company equity, real estate, and public assets.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2b37db82-fed2-4995-842f-c8a6906359fa.png",2944,[249,254,259,264,270],{"id":250,"label":251,"slug":252,"rank":54,"group":253},41,"Dashboard","dashboard",{"id":103,"label":104,"slug":105},{"id":255,"label":256,"slug":257,"rank":51,"group":258},46,"Stats","stats",{"id":103,"label":104,"slug":105},{"id":260,"label":261,"slug":262,"rank":67,"group":263},40,"Charts","charts",{"id":103,"label":104,"slug":105},{"id":265,"label":266,"slug":267,"rank":268,"group":269},47,"Table","table",3,{"id":103,"label":104,"slug":105},{"id":271,"label":272,"slug":273,"rank":103,"group":274},13,"Filter & Sort","filter-and-sort",{"id":67,"label":129,"slug":130},[276,280,281,282],{"id":277,"title":278,"slug":279},240,"Horizontal navigation","horizontal-navigation",{"id":197,"title":198,"slug":199},{"id":74,"title":75,"slug":76},{"id":202,"title":203,"slug":204},{"slug":30,"title":29,"logo":32,"categories":284},[],{"uuid":286,"title":211,"description":287,"canonical_path":4,"image":288,"width":45,"height":46,"image_alt":214,"kind":48,"patterns":289,"component_categories":298,"app":304},"b94fd31e-e85f-4ad1-97e8-6e6ceb01d7d0","Dashboard showing the user's net worth trend over time and a detailed breakdown of their assets and liabilities by class.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb94fd31e-e85f-4ad1-97e8-6e6ceb01d7d0.png",[290,292,294,296],{"id":250,"label":251,"slug":252,"rank":54,"group":291},{"id":103,"label":104,"slug":105},{"id":265,"label":266,"slug":267,"rank":51,"group":293},{"id":103,"label":104,"slug":105},{"id":260,"label":261,"slug":262,"rank":67,"group":295},{"id":103,"label":104,"slug":105},{"id":271,"label":272,"slug":273,"rank":268,"group":297},{"id":67,"label":129,"slug":130},[299,300,301,302,303],{"id":277,"title":278,"slug":279},{"id":74,"title":75,"slug":76},{"id":197,"title":198,"slug":199},{"id":202,"title":203,"slug":204},{"id":86,"title":87,"slug":88},{"slug":30,"title":29,"logo":32,"categories":305},[],{"uuid":307,"title":211,"description":308,"canonical_path":4,"image":309,"width":45,"height":46,"image_alt":214,"kind":48,"patterns":310,"component_categories":323,"app":329},"4a8981a5-57f6-4c7b-83eb-5bf6d317d1d4","Dashboard showing a user's net worth over time with a stacked area chart and an asset breakdown using a donut chart and data table.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4a8981a5-57f6-4c7b-83eb-5bf6d317d1d4.png",[311,313,315,317],{"id":250,"label":251,"slug":252,"rank":54,"group":312},{"id":103,"label":104,"slug":105},{"id":260,"label":261,"slug":262,"rank":51,"group":314},{"id":103,"label":104,"slug":105},{"id":265,"label":266,"slug":267,"rank":67,"group":316},{"id":103,"label":104,"slug":105},{"id":318,"label":75,"slug":76,"rank":268,"group":319},69,{"id":320,"label":321,"slug":322},6,"Navigation & Commands","navigation-and-commands",[324,325,326,327,328],{"id":277,"title":278,"slug":279},{"id":74,"title":75,"slug":76},{"id":197,"title":198,"slug":199},{"id":202,"title":203,"slug":204},{"id":86,"title":87,"slug":88},{"slug":30,"title":29,"logo":32,"categories":330},[],{"uuid":332,"title":211,"description":333,"canonical_path":4,"image":334,"width":45,"height":46,"image_alt":214,"kind":48,"patterns":335,"component_categories":342,"app":348},"cbc8d381-a27e-42ec-925b-2d29fdb1069d","Dashboard showing a user's net worth breakdown with a treemap, asset donut chart, and a sidebar list of connected financial accounts.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcbc8d381-a27e-42ec-925b-2d29fdb1069d.png",[336,338,340],{"id":250,"label":251,"slug":252,"rank":54,"group":337},{"id":103,"label":104,"slug":105},{"id":265,"label":266,"slug":267,"rank":51,"group":339},{"id":103,"label":104,"slug":105},{"id":260,"label":261,"slug":262,"rank":67,"group":341},{"id":103,"label":104,"slug":105},[343,344,345,346,347],{"id":277,"title":278,"slug":279},{"id":74,"title":75,"slug":76},{"id":197,"title":198,"slug":199},{"id":202,"title":203,"slug":204},{"id":86,"title":87,"slug":88},{"slug":30,"title":29,"logo":32,"categories":349},[],[],[352,354,356,358,360,362,364,366,368,370,372,374,376,379,382,385,388,390,394,398,402],{"label":52,"to":353},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":261,"to":355},"\u002Fexamples\u002Fscreens\u002Fcharts",{"label":251,"to":357},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":266,"to":359},"\u002Fexamples\u002Fscreens\u002Ftable",{"label":100,"to":361},"\u002Fexamples\u002Fscreens\u002Fform",{"label":60,"to":363},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":65,"to":365},"\u002Fexamples\u002Fscreens\u002Fwelcome",{"label":272,"to":367},"\u002Fexamples\u002Fscreens\u002Ffilter-and-sort",{"label":178,"to":369},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":218,"to":371},"\u002Fexamples\u002Fscreens\u002Ffeature-gate",{"label":119,"to":373},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":126,"to":375},"\u002Fexamples\u002Fscreens\u002Fselect",{"label":377,"to":378},"Compound Planning marketing pages","\u002Fexamples\u002Fapps\u002Fcompound-planning\u002Fmarketing",{"label":380,"to":381},"Compound Planning user flows","\u002Fexamples\u002Fapps\u002Fcompound-planning\u002Fflows",{"label":383,"to":384},"Compound Planning UI components","\u002Fexamples\u002Fapps\u002Fcompound-planning\u002Fcomponents",{"label":386,"to":387},"Finance app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ffinance",{"label":389,"to":18},"All SaaS app examples",{"label":391,"to":392,"description":393},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":395,"to":396,"description":397},"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":399,"to":400,"description":401},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":403,"to":404,"description":405},"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":407,"updated_at":408},"2023-11-05T10:29:14.000Z","2026-09-13T13:02:39.000Z"]