[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fslate\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":51,"showcases":295,"links":296,"dates":357},"\u002Fexamples\u002Fapps\u002Fslate\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Slate product screens examples - Nicelydone","Browse Slate screen design examples. Preview the interface screenshots and explore related UI patterns. Simple planning for freelancers","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fslate_sign-in_f384124b_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},"Slate design examples","\u002Fexamples\u002Fapps\u002Fslate",{"label":23,"to":4},"Slate 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},"Slate","slate","Simple planning for freelancers","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fslate-7d06f563.png","http:\u002F\u002Fheyslate.com",[35,39,43,47],{"id":36,"title":37,"slug":38},39,"Payments","payments",{"id":40,"title":41,"slug":42},36,"Finance","finance",{"id":44,"title":45,"slug":46},56,"Accounting","accounting",{"id":48,"title":49,"slug":50},101,"Calendar","calendar",[52,81,98,115,151,184,197,221,242,267],{"uuid":53,"title":54,"description":55,"canonical_path":4,"image":11,"width":56,"height":57,"image_alt":58,"kind":59,"patterns":60,"component_categories":70,"app":79},"9987e741-263a-46fe-a42b-f59b75fb965e","Sign in","Sign-in screen where the user authenticates into their Slate account using an email and password.",2880,1534,"Sign in from Slate","screen",[61],{"id":62,"label":63,"slug":64,"rank":65,"group":66},4,"Sign In","sign-in",0,{"id":67,"label":68,"slug":69},1,"Access & Account","access-and-account",[71,75],{"id":72,"title":73,"slug":74},174,"Card","card",{"id":76,"title":77,"slug":78},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":80},[],{"uuid":82,"title":83,"description":84,"canonical_path":4,"image":85,"width":56,"height":57,"image_alt":86,"kind":59,"patterns":87,"component_categories":93,"app":96},"0072a400-c414-406d-8ee7-5f803c5ecf99","Sign up","Signup screen where the user creates a new account by providing their name, email, and a password.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fslate_sign-up_4a7a3235_nicelydone.png","Sign up from Slate",[88],{"id":89,"label":90,"slug":91,"rank":65,"group":92},5,"Sign Up","sign-up",{"id":67,"label":68,"slug":69},[94,95],{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":97},[],{"uuid":99,"title":100,"description":101,"canonical_path":4,"image":102,"width":56,"height":57,"image_alt":103,"kind":59,"patterns":104,"component_categories":111,"app":113},"b17da87b-69aa-4ccf-8fed-345acf4e5222","Onboarding","Signup screen where the user enters their name, email, and password, and configures their preferred currency format and standard day rate.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fslate_onboarding_1ab3bd52_nicelydone.png","Onboarding from Slate",[105,109],{"id":67,"label":106,"slug":107,"rank":65,"group":108},"Account Setup","account-setup",{"id":67,"label":68,"slug":69},{"id":89,"label":90,"slug":91,"rank":67,"group":110},{"id":67,"label":68,"slug":69},[112],{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":114},[],{"uuid":116,"title":117,"description":118,"canonical_path":4,"image":119,"width":56,"height":57,"image_alt":120,"kind":59,"patterns":121,"component_categories":143,"app":149},"23d2709e-1a06-40fa-998e-3de22799482e","Home","Schedule view where the user is prompted to click on specific days in the month list to book work.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fslate_home_555cc138_nicelydone.png","Home from Slate",[122,127,135],{"id":123,"label":49,"slug":50,"rank":65,"group":124},51,{"id":89,"label":125,"slug":126},"Media & Tools","media-and-tools",{"id":128,"label":129,"slug":130,"rank":67,"group":131},115,"Empty State","empty-state",{"id":132,"label":133,"slug":134},12,"States & Feedback","states-and-feedback",{"id":136,"label":137,"slug":138,"rank":139,"group":140},21,"Schedule","schedule",2,{"id":139,"label":141,"slug":142},"Actions","actions",[144,148],{"id":145,"title":146,"slug":147},277,"Button group","button-group",{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":150},[],{"uuid":152,"title":153,"description":154,"canonical_path":4,"image":155,"width":56,"height":57,"image_alt":156,"kind":59,"patterns":157,"component_categories":179,"app":182},"73b87fc0-01ee-4afe-98f9-78d93196d6f1","Dashboard","Home dashboard where the user can track monthly and yearly revenue progress, add quick reminders, and book work slots in their upcoming two-week schedule.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fslate_dashboard_80525352_nicelydone.png","Dashboard from Slate",[158,164,166,171],{"id":159,"label":153,"slug":160,"rank":65,"group":161},41,"dashboard",{"id":62,"label":162,"slug":163},"Data & Analysis","data-and-analysis",{"id":123,"label":49,"slug":50,"rank":67,"group":165},{"id":89,"label":125,"slug":126},{"id":167,"label":168,"slug":169,"rank":139,"group":170},46,"Stats","stats",{"id":62,"label":162,"slug":163},{"id":172,"label":117,"slug":173,"rank":174,"group":175},81,"home",3,{"id":176,"label":177,"slug":178},8,"Pages & Content","pages-and-content",[180,181],{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":183},[],{"uuid":185,"title":186,"description":187,"canonical_path":4,"image":188,"width":56,"height":57,"image_alt":189,"kind":59,"patterns":190,"component_categories":193,"app":195},"8548eb14-a0e9-4703-a47a-4532e3a1da7a","Empty state","List view for clients in an empty state, prompting the user to add their first client.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fslate_empty-state_7fd70976_nicelydone.png","Empty state from Slate",[191],{"id":128,"label":129,"slug":130,"rank":65,"group":192},{"id":132,"label":133,"slug":134},[194],{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":196},[],{"uuid":198,"title":199,"description":200,"canonical_path":4,"image":201,"width":56,"height":57,"image_alt":202,"kind":59,"patterns":203,"component_categories":217,"app":219},"25ff8dbd-b3aa-4bb3-a5bf-54e86a89bfbf","Settings","Settings page where the user configures their personal profile details, company name, financial year end, and preferred currency format.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fslate_settings_8a187c34_nicelydone.png","Settings from Slate",[204,212],{"id":205,"label":206,"slug":207,"rank":65,"group":208},94,"Account Settings","account-settings",{"id":209,"label":210,"slug":211},10,"Settings & Admin","settings-and-admin",{"id":213,"label":214,"slug":215,"rank":67,"group":216},11,"Edit","edit",{"id":139,"label":141,"slug":142},[218],{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":220},[],{"uuid":222,"title":223,"description":224,"canonical_path":4,"image":225,"width":56,"height":57,"image_alt":226,"kind":59,"patterns":227,"component_categories":234,"app":240},"43b65d9f-cf07-41d1-8cb6-23c62466d059","Schedule work","Modal where the user schedules work by assigning a client, setting a day rate, and adding optional notes for a specific date.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fslate_schedule-work_55e451c1_nicelydone.png","Schedule work from Slate",[228,230,232],{"id":136,"label":137,"slug":138,"rank":65,"group":229},{"id":139,"label":141,"slug":142},{"id":213,"label":214,"slug":215,"rank":67,"group":231},{"id":139,"label":141,"slug":142},{"id":123,"label":49,"slug":50,"rank":139,"group":233},{"id":89,"label":125,"slug":126},[235,239],{"id":236,"title":237,"slug":238},284,"Modal","modal",{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":241},[],{"uuid":243,"title":244,"description":245,"canonical_path":4,"image":246,"width":56,"height":57,"image_alt":247,"kind":59,"patterns":248,"component_categories":258,"app":265},"9fca38e9-7843-4554-8af6-f57b54d77e64","Create new client","Modal where the user schedules work for a specific date by selecting a client, entering a fee amount, and adding optional notes.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fslate_create-new-client_bf269cd1_nicelydone.png","Create new client from Slate",[249,251,253],{"id":136,"label":137,"slug":138,"rank":65,"group":250},{"id":139,"label":141,"slug":142},{"id":123,"label":49,"slug":50,"rank":67,"group":252},{"id":89,"label":125,"slug":126},{"id":254,"label":255,"slug":256,"rank":139,"group":257},7,"Add & Create","add-and-create",{"id":139,"label":141,"slug":142},[259,263,264],{"id":260,"title":261,"slug":262},257,"Input number","input-number",{"id":236,"title":237,"slug":238},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":266},[],{"uuid":268,"title":269,"description":270,"canonical_path":4,"image":271,"width":56,"height":57,"image_alt":272,"kind":59,"patterns":273,"component_categories":285,"app":293},"640927cf-ced3-4b21-b473-972c3a185c1f","Statistics","Dashboard showing monthly revenue and productivity progress alongside a daily schedule list.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fslate_statistics_5fa1247b_nicelydone.png","Statistics from Slate",[274,276,278,280],{"id":159,"label":153,"slug":160,"rank":65,"group":275},{"id":62,"label":162,"slug":163},{"id":167,"label":168,"slug":169,"rank":67,"group":277},{"id":62,"label":162,"slug":163},{"id":123,"label":49,"slug":50,"rank":139,"group":279},{"id":89,"label":125,"slug":126},{"id":281,"label":282,"slug":283,"rank":174,"group":284},44,"Progress","progress",{"id":62,"label":162,"slug":163},[286,290,291,292],{"id":287,"title":288,"slug":289},260,"Badge","badge",{"id":145,"title":146,"slug":147},{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":294},[],[],[297,299,301,303,305,307,309,311,313,315,317,319,321,324,327,330,333,336,339,341,345,349,353],{"label":49,"to":298},"\u002Fexamples\u002Fscreens\u002Fcalendar",{"label":137,"to":300},"\u002Fexamples\u002Fscreens\u002Fschedule",{"label":153,"to":302},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":214,"to":304},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":129,"to":306},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":90,"to":308},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":168,"to":310},"\u002Fexamples\u002Fscreens\u002Fstats",{"label":206,"to":312},"\u002Fexamples\u002Fscreens\u002Faccount-settings",{"label":106,"to":314},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":255,"to":316},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":117,"to":318},"\u002Fexamples\u002Fscreens\u002Fhome",{"label":282,"to":320},"\u002Fexamples\u002Fscreens\u002Fprogress",{"label":322,"to":323},"Slate marketing pages","\u002Fexamples\u002Fapps\u002Fslate\u002Fmarketing",{"label":325,"to":326},"Slate user flows","\u002Fexamples\u002Fapps\u002Fslate\u002Fflows",{"label":328,"to":329},"Slate UI components","\u002Fexamples\u002Fapps\u002Fslate\u002Fcomponents",{"label":331,"to":332},"Payments app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fpayments",{"label":334,"to":335},"Finance app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ffinance",{"label":337,"to":338},"Accounting app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Faccounting",{"label":340,"to":18},"All SaaS app examples",{"label":342,"to":343,"description":344},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":346,"to":347,"description":348},"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":350,"to":351,"description":352},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":354,"to":355,"description":356},"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":358,"updated_at":359},"2020-01-30T12:55:00.000Z","2026-09-13T13:02:39.000Z"]