[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fsvbtle\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":43,"showcases":367,"links":368,"dates":426},"\u002Fexamples\u002Fapps\u002Fsvbtle\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Svbtle product screens examples - Nicelydone","Browse Svbtle screen design examples. Preview the interface screenshots and explore related UI patterns. A blogging platform designed to help you think","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsvbtle_sign-in_4e3927e4_nicelydone.jpg",[13,16,19,22],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":21},"Svbtle design examples","\u002Fexamples\u002Fapps\u002Fsvbtle",{"label":23,"to":4},"Svbtle 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":29,"categories":34},"Svbtle","svbtle","A blogging platform designed to help you think","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fsvbtle-0fb99d8e.png","https:\u002F\u002Fsvbtle.com",[35,39],{"id":36,"title":37,"slug":38},6,"Publishing","publishing",{"id":40,"title":41,"slug":42},24,"Blogging Platforms","blogging-platforms",[44,73,90,123,148,183,222,243,259,296,306,331],{"uuid":45,"title":46,"description":47,"canonical_path":4,"image":11,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":52,"component_categories":62,"app":71},"9536e690-08b2-4c66-a7a6-b5171cf39a08","Sign in","Sign-in screen where the user authenticates with a username and password, featuring a highly minimalist design with ample whitespace.",2800,1544,"Sign in from Svbtle","screen",[53],{"id":54,"label":55,"slug":56,"rank":57,"group":58},4,"Sign In","sign-in",0,{"id":59,"label":60,"slug":61},1,"Access & Account","access-and-account",[63,67],{"id":64,"title":65,"slug":66},240,"Horizontal navigation","horizontal-navigation",{"id":68,"title":69,"slug":70},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":72},[],{"uuid":74,"title":75,"description":76,"canonical_path":4,"image":77,"width":48,"height":49,"image_alt":78,"kind":51,"patterns":79,"component_categories":85,"app":88},"2e2e8ea3-1b9f-4bdb-a81e-488020e25d7c","Password reset","Password recovery screen where the user enters their email address to request a reset link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsvbtle_password-reset_69cfdf32_nicelydone.jpg","Password reset from Svbtle",[80],{"id":81,"label":82,"slug":83,"rank":57,"group":84},2,"Forgot Password","forgot-password",{"id":59,"label":60,"slug":61},[86,87],{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":89},[],{"uuid":91,"title":92,"description":93,"canonical_path":4,"image":94,"width":48,"height":95,"image_alt":96,"kind":51,"patterns":97,"component_categories":115,"app":121},"8d5f7b2a-e9e6-487a-82fe-b63ac73559b7","Sign up","Signup screen where the user enters their account details, chooses a custom subdomain, and selects between a monthly or yearly subscription plan with a free trial.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsvbtle_sign-up_8e3a0ad0_nicelydone.jpg",2934,"Sign up from Svbtle",[98,103,111],{"id":99,"label":100,"slug":101,"rank":57,"group":102},5,"Sign Up","sign-up",{"id":59,"label":60,"slug":61},{"id":104,"label":105,"slug":106,"rank":59,"group":107},89,"Pricing","pricing",{"id":108,"label":109,"slug":110},9,"Plans & Limits","plans-and-limits",{"id":59,"label":112,"slug":113,"rank":81,"group":114},"Account Setup","account-setup",{"id":59,"label":60,"slug":61},[116,120],{"id":117,"title":118,"slug":119},174,"Card","card",{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":122},[],{"uuid":124,"title":125,"description":126,"canonical_path":4,"image":127,"width":128,"height":129,"image_alt":130,"kind":51,"patterns":131,"component_categories":144,"app":146},"026cbdcc-76b9-4c5b-b777-facd2dd8c823","Checkout","Checkout screen where the user enters their credit card details to start a subscription with a two-week free trial.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsvbtle_checkout_6accdfee_nicelydone.jpg",2780,3068,"Checkout from Svbtle",[132,139],{"id":133,"label":125,"slug":134,"rank":57,"group":135},130,"checkout",{"id":136,"label":137,"slug":138},14,"Payments & Checkout","payments-and-checkout",{"id":140,"label":141,"slug":142,"rank":59,"group":143},131,"Payment Form","payment-form",{"id":136,"label":137,"slug":138},[145],{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":147},[],{"uuid":149,"title":150,"description":151,"canonical_path":4,"image":152,"width":128,"height":49,"image_alt":153,"kind":51,"patterns":154,"component_categories":178,"app":181},"c013f1f9-3a23-4927-8bcd-683dcb5861c8","Home","Home workspace for a minimalist blogging platform where the user can draft new ideas and view published posts, currently showing onboarding states for both sections.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsvbtle_home_57cb97f2_nicelydone.jpg","Home from Svbtle",[155,162,170],{"id":156,"label":157,"slug":158,"rank":57,"group":159},41,"Dashboard","dashboard",{"id":54,"label":160,"slug":161},"Data & Analysis","data-and-analysis",{"id":163,"label":164,"slug":165,"rank":59,"group":166},115,"Empty State","empty-state",{"id":167,"label":168,"slug":169},12,"States & Feedback","states-and-feedback",{"id":171,"label":172,"slug":173,"rank":81,"group":174},74,"Onboarding Checklist","onboarding-checklist",{"id":175,"label":176,"slug":177},7,"Onboarding & Education","onboarding-and-education",[179,180],{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":182},[],{"uuid":184,"title":185,"description":186,"canonical_path":4,"image":187,"width":128,"height":188,"image_alt":189,"kind":51,"patterns":190,"component_categories":213,"app":220},"f1e45d85-efd2-42bd-917d-f050dd70e523","Settings","Settings page where the user updates their profile information, including name, username, tagline, accent color, avatar, and contact details.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsvbtle_settings_4dd492ca_nicelydone.jpg",4090,"Settings from Svbtle",[191,199,205],{"id":192,"label":193,"slug":194,"rank":57,"group":195},3,"Profile","profile",{"id":196,"label":197,"slug":198},11,"Social & Collaboration","social-and-collaboration",{"id":196,"label":200,"slug":201,"rank":59,"group":202},"Edit","edit",{"id":81,"label":203,"slug":204},"Actions","actions",{"id":206,"label":207,"slug":208,"rank":81,"group":209},94,"Account Settings","account-settings",{"id":210,"label":211,"slug":212},10,"Settings & Admin","settings-and-admin",[214,218,219],{"id":215,"title":216,"slug":217},233,"Tabs","tabs",{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":221},[],{"uuid":223,"title":185,"description":224,"canonical_path":4,"image":225,"width":128,"height":188,"image_alt":189,"kind":51,"patterns":226,"component_categories":229,"app":241},"90774dc6-4ae8-48ff-b67a-653c5ab51832","Settings page where the user configures their public profile details like name, username, tagline, accent color, and contact information.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsvbtle_settings-2_ebdd7cf3_nicelydone.jpg",[227],{"id":206,"label":207,"slug":208,"rank":57,"group":228},{"id":210,"label":211,"slug":212},[230,234,235,239,240],{"id":231,"title":232,"slug":233},183,"Color picker","color-picker",{"id":215,"title":216,"slug":217},{"id":236,"title":237,"slug":238},169,"Avatar","avatar",{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":242},[],{"uuid":244,"title":185,"description":245,"canonical_path":4,"image":246,"width":128,"height":247,"image_alt":189,"kind":51,"patterns":248,"component_categories":253,"app":257},"3597b771-f4de-4dba-b33a-0d30f55272d5","Settings page where the user configures their blog's custom domain, email visibility, subscriptions, analytics code, and social share buttons.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsvbtle_settings-3_7fa9f7a2_nicelydone.jpg",2952,[249],{"id":250,"label":185,"slug":251,"rank":57,"group":252},102,"settings",{"id":210,"label":211,"slug":212},[254,255,256],{"id":215,"title":216,"slug":217},{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":258},[],{"uuid":260,"title":261,"description":262,"canonical_path":4,"image":263,"width":128,"height":49,"image_alt":264,"kind":51,"patterns":265,"component_categories":287,"app":294},"97090117-5131-496c-8252-66fc3a480d9a","Create","Content editor where the user drafts a new post using markdown in a minimalist, distraction-free interface.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsvbtle_create_e3e9f847_nicelydone.jpg","Create from Svbtle",[266,270,277,282],{"id":175,"label":267,"slug":268,"rank":57,"group":269},"Add & Create","add-and-create",{"id":81,"label":203,"slug":204},{"id":271,"label":272,"slug":273,"rank":59,"group":274},58,"Media Editor","media-editor",{"id":99,"label":275,"slug":276},"Media & Tools","media-and-tools",{"id":278,"label":279,"slug":280,"rank":81,"group":281},17,"Publish","publish",{"id":81,"label":203,"slug":204},{"id":283,"label":284,"slug":285,"rank":192,"group":286},20,"Save","save",{"id":81,"label":203,"slug":204},[288,292,293],{"id":289,"title":290,"slug":291},260,"Badge","badge",{"id":236,"title":237,"slug":238},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":295},[],{"uuid":297,"title":298,"description":299,"canonical_path":4,"image":300,"width":128,"height":49,"image_alt":301,"kind":51,"patterns":302,"component_categories":303,"app":304},"a9598e90-e2fc-456c-915f-33018edcc82c","Popover","Onboarding Editor","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsvbtle_popover-2_8f6ea118_nicelydone.jpg","Popover from Svbtle",[],[],{"slug":30,"title":29,"logo":32,"categories":305},[],{"uuid":307,"title":185,"description":308,"canonical_path":4,"image":309,"width":128,"height":49,"image_alt":189,"kind":51,"patterns":310,"component_categories":323,"app":329},"bb437cda-3127-4cdd-9a85-f0156299039e","Settings page where the user configures the publish date, custom URL, featuring status, and deletion for a specific post.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsvbtle_settings-4_93e9280b_nicelydone.jpg",[311,319,321],{"id":312,"label":313,"slug":314,"rank":57,"group":315},83,"Post Detail","post-detail",{"id":316,"label":317,"slug":318},8,"Pages & Content","pages-and-content",{"id":196,"label":200,"slug":201,"rank":59,"group":320},{"id":81,"label":203,"slug":204},{"id":250,"label":185,"slug":251,"rank":81,"group":322},{"id":210,"label":211,"slug":212},[324,328],{"id":325,"title":326,"slug":327},257,"Input number","input-number",{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":330},[],{"uuid":332,"title":193,"description":333,"canonical_path":4,"image":334,"width":48,"height":335,"image_alt":336,"kind":51,"patterns":337,"component_categories":353,"app":365},"1d90650b-e84b-4c2e-9a82-93fdeeb2f81b","Personal blog index page displaying a chronological feed of article excerpts with a newsletter subscription form at the bottom.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsvbtle_profile_e4d30d84_nicelydone.jpg",15812,"Profile from Svbtle",[338,340,345],{"id":192,"label":193,"slug":194,"rank":57,"group":339},{"id":196,"label":197,"slug":198},{"id":341,"label":342,"slug":343,"rank":59,"group":344},79,"Browse","browse",{"id":316,"label":317,"slug":318},{"id":346,"label":347,"slug":348,"rank":81,"group":349},78,"Article","article",{"id":350,"label":351,"slug":352},15,"Marketing Page Types","marketing-page-types",[354,358,362,363,364],{"id":355,"title":356,"slug":357},258,"Header","header",{"id":359,"title":360,"slug":361},202,"Footer","footer",{"id":289,"title":290,"slug":291},{"id":236,"title":237,"slug":238},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":366},[],[],[369,371,373,375,377,379,381,383,385,387,389,391,393,396,399,402,405,408,410,414,418,422],{"label":207,"to":370},"\u002Fexamples\u002Fscreens\u002Faccount-settings",{"label":200,"to":372},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":193,"to":374},"\u002Fexamples\u002Fscreens\u002Fprofile",{"label":185,"to":376},"\u002Fexamples\u002Fscreens\u002Fsettings",{"label":112,"to":378},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":267,"to":380},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":342,"to":382},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":125,"to":384},"\u002Fexamples\u002Fscreens\u002Fcheckout",{"label":157,"to":386},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":164,"to":388},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":82,"to":390},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":272,"to":392},"\u002Fexamples\u002Fscreens\u002Fmedia-editor",{"label":394,"to":395},"Svbtle marketing pages","\u002Fexamples\u002Fapps\u002Fsvbtle\u002Fmarketing",{"label":397,"to":398},"Svbtle user flows","\u002Fexamples\u002Fapps\u002Fsvbtle\u002Fflows",{"label":400,"to":401},"Svbtle UI components","\u002Fexamples\u002Fapps\u002Fsvbtle\u002Fcomponents",{"label":403,"to":404},"Publishing app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fpublishing",{"label":406,"to":407},"Blogging Platforms app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fblogging-platforms",{"label":409,"to":18},"All SaaS app examples",{"label":411,"to":412,"description":413},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":415,"to":416,"description":417},"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":419,"to":420,"description":421},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":423,"to":424,"description":425},"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":427,"updated_at":428},"2016-07-20T08:00:00.000Z","2026-09-13T13:02:39.000Z"]