[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fslate":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":34,"examples":57,"showcases":58,"links":308,"dates":346},"\u002Fexamples\u002Fapps\u002Fslate","detail","apps",true,{"title":9,"description":10,"og_image":11},"Slate design examples - Nicelydone","Explore Slate UI design examples. Simple planning for freelancers","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fslate_sign-in_f384124b_nicelydone.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Slate design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":33},"SaaS app examples",[24],{"title":25,"links":26},"Explore Slate",[27,30],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fslate\u002Fscreens",{"label":31,"to":32},"marketing pages","\u002Fexamples\u002Fapps\u002Fslate\u002Fmarketing",[],{"title":35,"slug":36,"description":37,"logo":38,"url":39,"categories":40},"Slate","slate","Simple planning for freelancers","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fslate-7d06f563.png","http:\u002F\u002Fheyslate.com",[41,45,49,53],{"id":42,"title":43,"slug":44},39,"Payments","payments",{"id":46,"title":47,"slug":48},36,"Finance","finance",{"id":50,"title":51,"slug":52},56,"Accounting","accounting",{"id":54,"title":55,"slug":56},101,"Calendar","calendar",[],[59,305],{"family":60,"examples":61},"screens",[62,91,108,125,161,194,207,231,252,277],{"uuid":63,"title":64,"description":65,"canonical_path":29,"image":11,"width":66,"height":67,"image_alt":68,"kind":69,"patterns":70,"component_categories":80,"app":89},"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",[71],{"id":72,"label":73,"slug":74,"rank":75,"group":76},4,"Sign In","sign-in",0,{"id":77,"label":78,"slug":79},1,"Access & Account","access-and-account",[81,85],{"id":82,"title":83,"slug":84},174,"Card","card",{"id":86,"title":87,"slug":88},175,"Button","button",{"slug":36,"title":35,"logo":38,"categories":90},[],{"uuid":92,"title":93,"description":94,"canonical_path":29,"image":95,"width":66,"height":67,"image_alt":96,"kind":69,"patterns":97,"component_categories":103,"app":106},"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",[98],{"id":99,"label":100,"slug":101,"rank":75,"group":102},5,"Sign Up","sign-up",{"id":77,"label":78,"slug":79},[104,105],{"id":82,"title":83,"slug":84},{"id":86,"title":87,"slug":88},{"slug":36,"title":35,"logo":38,"categories":107},[],{"uuid":109,"title":110,"description":111,"canonical_path":29,"image":112,"width":66,"height":67,"image_alt":113,"kind":69,"patterns":114,"component_categories":121,"app":123},"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",[115,119],{"id":77,"label":116,"slug":117,"rank":75,"group":118},"Account Setup","account-setup",{"id":77,"label":78,"slug":79},{"id":99,"label":100,"slug":101,"rank":77,"group":120},{"id":77,"label":78,"slug":79},[122],{"id":82,"title":83,"slug":84},{"slug":36,"title":35,"logo":38,"categories":124},[],{"uuid":126,"title":127,"description":128,"canonical_path":29,"image":129,"width":66,"height":67,"image_alt":130,"kind":69,"patterns":131,"component_categories":153,"app":159},"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",[132,137,145],{"id":133,"label":55,"slug":56,"rank":75,"group":134},51,{"id":99,"label":135,"slug":136},"Media & Tools","media-and-tools",{"id":138,"label":139,"slug":140,"rank":77,"group":141},115,"Empty State","empty-state",{"id":142,"label":143,"slug":144},12,"States & Feedback","states-and-feedback",{"id":146,"label":147,"slug":148,"rank":149,"group":150},21,"Schedule","schedule",2,{"id":149,"label":151,"slug":152},"Actions","actions",[154,158],{"id":155,"title":156,"slug":157},277,"Button group","button-group",{"id":82,"title":83,"slug":84},{"slug":36,"title":35,"logo":38,"categories":160},[],{"uuid":162,"title":163,"description":164,"canonical_path":29,"image":165,"width":66,"height":67,"image_alt":166,"kind":69,"patterns":167,"component_categories":189,"app":192},"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",[168,174,176,181],{"id":169,"label":163,"slug":170,"rank":75,"group":171},41,"dashboard",{"id":72,"label":172,"slug":173},"Data & Analysis","data-and-analysis",{"id":133,"label":55,"slug":56,"rank":77,"group":175},{"id":99,"label":135,"slug":136},{"id":177,"label":178,"slug":179,"rank":149,"group":180},46,"Stats","stats",{"id":72,"label":172,"slug":173},{"id":182,"label":127,"slug":183,"rank":184,"group":185},81,"home",3,{"id":186,"label":187,"slug":188},8,"Pages & Content","pages-and-content",[190,191],{"id":82,"title":83,"slug":84},{"id":86,"title":87,"slug":88},{"slug":36,"title":35,"logo":38,"categories":193},[],{"uuid":195,"title":196,"description":197,"canonical_path":29,"image":198,"width":66,"height":67,"image_alt":199,"kind":69,"patterns":200,"component_categories":203,"app":205},"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",[201],{"id":138,"label":139,"slug":140,"rank":75,"group":202},{"id":142,"label":143,"slug":144},[204],{"id":86,"title":87,"slug":88},{"slug":36,"title":35,"logo":38,"categories":206},[],{"uuid":208,"title":209,"description":210,"canonical_path":29,"image":211,"width":66,"height":67,"image_alt":212,"kind":69,"patterns":213,"component_categories":227,"app":229},"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",[214,222],{"id":215,"label":216,"slug":217,"rank":75,"group":218},94,"Account Settings","account-settings",{"id":219,"label":220,"slug":221},10,"Settings & Admin","settings-and-admin",{"id":223,"label":224,"slug":225,"rank":77,"group":226},11,"Edit","edit",{"id":149,"label":151,"slug":152},[228],{"id":82,"title":83,"slug":84},{"slug":36,"title":35,"logo":38,"categories":230},[],{"uuid":232,"title":233,"description":234,"canonical_path":29,"image":235,"width":66,"height":67,"image_alt":236,"kind":69,"patterns":237,"component_categories":244,"app":250},"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",[238,240,242],{"id":146,"label":147,"slug":148,"rank":75,"group":239},{"id":149,"label":151,"slug":152},{"id":223,"label":224,"slug":225,"rank":77,"group":241},{"id":149,"label":151,"slug":152},{"id":133,"label":55,"slug":56,"rank":149,"group":243},{"id":99,"label":135,"slug":136},[245,249],{"id":246,"title":247,"slug":248},284,"Modal","modal",{"id":86,"title":87,"slug":88},{"slug":36,"title":35,"logo":38,"categories":251},[],{"uuid":253,"title":254,"description":255,"canonical_path":29,"image":256,"width":66,"height":67,"image_alt":257,"kind":69,"patterns":258,"component_categories":268,"app":275},"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",[259,261,263],{"id":146,"label":147,"slug":148,"rank":75,"group":260},{"id":149,"label":151,"slug":152},{"id":133,"label":55,"slug":56,"rank":77,"group":262},{"id":99,"label":135,"slug":136},{"id":264,"label":265,"slug":266,"rank":149,"group":267},7,"Add & Create","add-and-create",{"id":149,"label":151,"slug":152},[269,273,274],{"id":270,"title":271,"slug":272},257,"Input number","input-number",{"id":246,"title":247,"slug":248},{"id":86,"title":87,"slug":88},{"slug":36,"title":35,"logo":38,"categories":276},[],{"uuid":278,"title":279,"description":280,"canonical_path":29,"image":281,"width":66,"height":67,"image_alt":282,"kind":69,"patterns":283,"component_categories":295,"app":303},"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",[284,286,288,290],{"id":169,"label":163,"slug":170,"rank":75,"group":285},{"id":72,"label":172,"slug":173},{"id":177,"label":178,"slug":179,"rank":77,"group":287},{"id":72,"label":172,"slug":173},{"id":133,"label":55,"slug":56,"rank":149,"group":289},{"id":99,"label":135,"slug":136},{"id":291,"label":292,"slug":293,"rank":184,"group":294},44,"Progress","progress",{"id":72,"label":172,"slug":173},[296,300,301,302],{"id":297,"title":298,"slug":299},260,"Badge","badge",{"id":155,"title":156,"slug":157},{"id":82,"title":83,"slug":84},{"id":86,"title":87,"slug":88},{"slug":36,"title":35,"logo":38,"categories":304},[],{"family":306,"examples":307},"pages",[],[309,311,313,316,319,322,325,328,330,334,338,342],{"label":310,"to":29},"Slate product screens",{"label":312,"to":32},"Slate marketing pages",{"label":314,"to":315},"Slate user flows","\u002Fexamples\u002Fapps\u002Fslate\u002Fflows",{"label":317,"to":318},"Slate UI components","\u002Fexamples\u002Fapps\u002Fslate\u002Fcomponents",{"label":320,"to":321},"Payments app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fpayments",{"label":323,"to":324},"Finance app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ffinance",{"label":326,"to":327},"Accounting app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Faccounting",{"label":329,"to":18},"All SaaS app examples",{"label":331,"to":332,"description":333},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":335,"to":336,"description":337},"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":339,"to":340,"description":341},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":343,"to":344,"description":345},"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":347,"updated_at":348},"2020-01-30T12:55:00.000Z","2026-09-13T13:02:39.000Z"]