[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fscreens\u002F760e78a0-ad9d-47a2-98ff-5290dc954632":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"examples":26,"showcases":96,"links":97,"dates":108},"\u002Fexamples\u002Fscreens\u002F760e78a0-ad9d-47a2-98ff-5290dc954632","detail","screens",true,{"title":9,"description":10,"og_image":11},"Mocha - Nicelydone","Screen UI design example from Mocha. Dashboard where the user manages their Mocha apps but sees an empty state and an open account menu with credits, theme,…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F760e78a0-ad9d-47a2-98ff-5290dc954632.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS screen examples","\u002Fexamples\u002Fscreens",{"label":20,"to":4},"Mocha",{"title":20,"eyebrow":22,"description":23,"sections":24,"body":25},"Screen design","Screen UI design example from Mocha. Dashboard where the user manages their Mocha apps but sees an empty state and an open account menu with credits, theme, notifications, and sign-out controls.",[],[],[27],{"uuid":28,"title":20,"description":29,"canonical_path":30,"image":11,"width":31,"height":32,"image_alt":33,"published_at":34,"kind":35,"patterns":36,"component_categories":63,"app":80},"760e78a0-ad9d-47a2-98ff-5290dc954632","Dashboard where the user manages their Mocha apps but sees an empty state and an open account menu with credits, theme, notifications, and sign-out controls.","\u002Fexamples\u002Fapps\u002Fmocha\u002Fscreens",3024,1776,"Mocha from Mocha","2026-04-14T11:44:01.000Z","screen",[37,46,55],{"id":38,"label":39,"slug":40,"rank":41,"group":42},115,"Empty State","empty-state",0,{"id":43,"label":44,"slug":45},12,"States & Feedback","states-and-feedback",{"id":47,"label":48,"slug":49,"rank":50,"group":51},7,"Add & Create","add-and-create",1,{"id":52,"label":53,"slug":54},2,"Actions","actions",{"id":56,"label":57,"slug":58,"rank":52,"group":59},94,"Account Settings","account-settings",{"id":60,"label":61,"slug":62},10,"Settings & Admin","settings-and-admin",[64,68,72,76],{"id":65,"title":66,"slug":67},240,"Horizontal navigation","horizontal-navigation",{"id":69,"title":70,"slug":71},175,"Button","button",{"id":73,"title":74,"slug":75},169,"Avatar","avatar",{"id":77,"title":78,"slug":79},260,"Badge","badge",{"slug":81,"title":20,"logo":82,"baseline":83,"categories":84},"mocha","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fd9d4dea4-3f03-4b97-b9a1-d776442fd100.png","Create beautiful websites with words, not code",[85,88,92],{"id":47,"title":86,"slug":87},"Web Development","web-development",{"id":89,"title":90,"slug":91},80,"Artificial Intelligence","artificial-intelligence",{"id":93,"title":94,"slug":95},96,"No code","no-code",[],[98,100,102,104,106],{"label":57,"to":99},"\u002Fexamples\u002Fscreens\u002Faccount-settings",{"label":48,"to":101},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":39,"to":103},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":105,"to":30},"Mocha screen designs",{"label":107,"to":18},"All screen examples",{"published_at":109,"updated_at":110},"2026-04-10T19:31:37.000Z","2026-09-05T20:20:06.972Z"]