[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fstark\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":47,"showcases":265,"links":266,"dates":327},"\u002Fexamples\u002Fapps\u002Fstark\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Stark product screens examples - Nicelydone","Browse Stark screen design examples. Preview the interface screenshots and explore related UI patterns. Make the world’s software more accessible","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fstark_sign-in_1a030311_nicelydone.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},"Stark design examples","\u002Fexamples\u002Fapps\u002Fstark",{"label":23,"to":4},"Stark 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,"categories":34},"Stark","stark","Make the world’s software more accessible","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fstark-28d33c6f.png","https:\u002F\u002Fwww.getstark.co",[35,39,43],{"id":36,"title":37,"slug":38},8,"Design","design",{"id":40,"title":41,"slug":42},7,"Web Development","web-development",{"id":44,"title":45,"slug":46},48,"Developer Tools","developer-tools",[48,81,92,112,128,143,176,210,244],{"uuid":49,"title":50,"description":51,"canonical_path":4,"image":11,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":56,"component_categories":74,"app":79},"b07ea2c2-1820-4d2a-8900-7ed8f5771c44","Stark - Log In","Sign-in screen where the user authenticates with their username, email, or Google account, currently showing a validation error.",3072,1654,"Stark - Log In from Stark","screen",[57,66],{"id":58,"label":59,"slug":60,"rank":61,"group":62},116,"Error","error",0,{"id":63,"label":64,"slug":65},12,"States & Feedback","states-and-feedback",{"id":67,"label":68,"slug":69,"rank":70,"group":71},2,"Forgot Password","forgot-password",1,{"id":70,"label":72,"slug":73},"Access & Account","access-and-account",[75],{"id":76,"title":77,"slug":78},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":80},[],{"uuid":82,"title":50,"description":83,"canonical_path":4,"image":84,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":85,"component_categories":88,"app":90},"02a842bf-742d-4bfc-a012-cae45ce8fa19","Password recovery screen where the user enters their email address to receive a reset link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fstark_password-reset_90df13a8_nicelydone.png",[86],{"id":67,"label":68,"slug":69,"rank":61,"group":87},{"id":70,"label":72,"slug":73},[89],{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":91},[],{"uuid":93,"title":94,"description":95,"canonical_path":4,"image":96,"width":52,"height":53,"image_alt":97,"kind":55,"patterns":98,"component_categories":108,"app":110},"6505f555-e763-46be-8d4b-3a7a3d7862f9","Stark - Sign Up","Sign-up screen where the user creates an account using Google SSO or by providing an email, username, password, and selecting their primary work role.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fstark_sign-up_dd8f25e6_nicelydone.png","Stark - Sign Up from Stark",[99,104],{"id":100,"label":101,"slug":102,"rank":61,"group":103},5,"Sign Up","sign-up",{"id":70,"label":72,"slug":73},{"id":70,"label":105,"slug":106,"rank":70,"group":107},"Account Setup","account-setup",{"id":70,"label":72,"slug":73},[109],{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":111},[],{"uuid":113,"title":114,"description":115,"canonical_path":4,"image":116,"width":52,"height":53,"image_alt":117,"kind":55,"patterns":118,"component_categories":124,"app":126},"abd163f4-dae5-40db-a3ee-18a72adf7afe","Stark - Verify Email","Verification screen where the user clicks a button to confirm their email address, featuring a split layout with a brand illustration.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fstark_sign-up_7886f0ad_nicelydone.png","Stark - Verify Email from Stark",[119],{"id":120,"label":121,"slug":122,"rank":61,"group":123},6,"Verification","verification",{"id":70,"label":72,"slug":73},[125],{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":127},[],{"uuid":129,"title":114,"description":130,"canonical_path":4,"image":131,"width":52,"height":53,"image_alt":117,"kind":55,"patterns":132,"component_categories":140,"app":141},"0cb229de-bfda-4719-a106-8cefabb12a00","Verification screen where a success message confirms the user's email has been verified to keep their data safe.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fstark_sign-up_be82150e_nicelydone.png",[133,135],{"id":120,"label":121,"slug":122,"rank":61,"group":134},{"id":70,"label":72,"slug":73},{"id":136,"label":137,"slug":138,"rank":70,"group":139},122,"Success","success",{"id":63,"label":64,"slug":65},[],{"slug":30,"title":29,"logo":32,"categories":142},[],{"uuid":144,"title":145,"description":146,"canonical_path":4,"image":147,"width":52,"height":53,"image_alt":148,"kind":55,"patterns":149,"component_categories":165,"app":174},"94122f20-c9e4-45c3-94c3-d2ca9e409e19","Stark - Dashboard","Dashboard offering design tool plugin downloads and links to join various community platforms.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fstark_application-download_home-product-logged_8603752f_nicelydone.png","Stark - Dashboard from Stark",[150,158],{"id":151,"label":152,"slug":153,"rank":61,"group":154},41,"Dashboard","dashboard",{"id":155,"label":156,"slug":157},4,"Data & Analysis","data-and-analysis",{"id":159,"label":160,"slug":161,"rank":70,"group":162},79,"Browse","browse",{"id":36,"label":163,"slug":164},"Pages & Content","pages-and-content",[166,170],{"id":167,"title":168,"slug":169},174,"Card","card",{"id":171,"title":172,"slug":173},260,"Badge","badge",{"slug":30,"title":29,"logo":32,"categories":175},[],{"uuid":177,"title":178,"description":179,"canonical_path":4,"image":180,"width":52,"height":53,"image_alt":181,"kind":55,"patterns":182,"component_categories":205,"app":208},"1d308259-659d-4d89-a73d-6d1fbd3cb9a6","Stark - My account","Settings page where the user updates their profile information, email preferences, and password.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fstark_settings_profile_8e64c069_nicelydone.png","Stark - My account from Stark",[183,191,199],{"id":184,"label":185,"slug":186,"rank":61,"group":187},94,"Account Settings","account-settings",{"id":188,"label":189,"slug":190},10,"Settings & Admin","settings-and-admin",{"id":192,"label":193,"slug":194,"rank":70,"group":195},3,"Profile","profile",{"id":196,"label":197,"slug":198},11,"Social & Collaboration","social-and-collaboration",{"id":196,"label":200,"slug":201,"rank":67,"group":202},"Edit","edit",{"id":67,"label":203,"slug":204},"Actions","actions",[206,207],{"id":171,"title":172,"slug":173},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":209},[],{"uuid":211,"title":212,"description":213,"canonical_path":4,"image":214,"width":52,"height":53,"image_alt":215,"kind":55,"patterns":216,"component_categories":238,"app":242},"5d3bacf4-3f96-48c3-a097-765ee2f12f47","Stark - Personal billing","Settings page where the user manages their personal billing, views their current free plan, selects an annual or monthly Pro upgrade, and enters payment details.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fstark_plans-pricing-product_billing_e48ad5db_nicelydone.png","Stark - Personal billing from Stark",[217,222,230],{"id":218,"label":219,"slug":220,"rank":61,"group":221},96,"Billing Settings","billing-settings",{"id":188,"label":189,"slug":190},{"id":223,"label":224,"slug":225,"rank":70,"group":226},89,"Pricing","pricing",{"id":227,"label":228,"slug":229},9,"Plans & Limits","plans-and-limits",{"id":231,"label":232,"slug":233,"rank":67,"group":234},131,"Payment Form","payment-form",{"id":235,"label":236,"slug":237},14,"Payments & Checkout","payments-and-checkout",[239,240,241],{"id":167,"title":168,"slug":169},{"id":171,"title":172,"slug":173},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":243},[],{"uuid":245,"title":178,"description":246,"canonical_path":4,"image":247,"width":52,"height":53,"image_alt":181,"kind":55,"patterns":248,"component_categories":260,"app":263},"5431c12e-9c25-4563-9df5-d639e7615d56","Settings page where the user is prompted to confirm permanent account deletion.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fstark_delete-account_ab8e1e6b_nicelydone.png",[249,251,256],{"id":184,"label":185,"slug":186,"rank":61,"group":250},{"id":188,"label":189,"slug":190},{"id":252,"label":253,"slug":254,"rank":70,"group":255},114,"Confirmation","confirmation",{"id":63,"label":64,"slug":65},{"id":227,"label":257,"slug":258,"rank":67,"group":259},"Delete","delete",{"id":67,"label":203,"slug":204},[261,262],{"id":171,"title":172,"slug":173},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":264},[],[],[267,269,271,273,275,277,279,281,283,285,287,289,291,294,297,300,303,306,309,311,315,319,323],{"label":185,"to":268},"\u002Fexamples\u002Fscreens\u002Faccount-settings",{"label":68,"to":270},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":121,"to":272},"\u002Fexamples\u002Fscreens\u002Fverification",{"label":105,"to":274},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":219,"to":276},"\u002Fexamples\u002Fscreens\u002Fbilling-settings",{"label":160,"to":278},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":253,"to":280},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":152,"to":282},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":257,"to":284},"\u002Fexamples\u002Fscreens\u002Fdelete",{"label":200,"to":286},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":59,"to":288},"\u002Fexamples\u002Fscreens\u002Ferror",{"label":232,"to":290},"\u002Fexamples\u002Fscreens\u002Fpayment-form",{"label":292,"to":293},"Stark marketing pages","\u002Fexamples\u002Fapps\u002Fstark\u002Fmarketing",{"label":295,"to":296},"Stark user flows","\u002Fexamples\u002Fapps\u002Fstark\u002Fflows",{"label":298,"to":299},"Stark UI components","\u002Fexamples\u002Fapps\u002Fstark\u002Fcomponents",{"label":301,"to":302},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"label":304,"to":305},"Web Development app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fweb-development",{"label":307,"to":308},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":310,"to":18},"All SaaS app examples",{"label":312,"to":313,"description":314},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":316,"to":317,"description":318},"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":320,"to":321,"description":322},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":324,"to":325,"description":326},"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":328,"updated_at":329},"2021-04-20T21:57:21.000Z","2026-09-13T13:02:39.000Z"]