[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fscreens\u002Fd2b682dc-717f-4f99-8e08-379addee33bb":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"examples":25,"showcases":106,"links":107,"dates":118},"\u002Fexamples\u002Fscreens\u002Fd2b682dc-717f-4f99-8e08-379addee33bb","detail","screens",true,{"title":9,"description":10,"og_image":11},"What is Design Engineering? - Nicelydone","Screen UI design example from Slite. Document editor where the user is drafting a new page with a block-based text input and an inline formatting toolbar.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd2b682dc-717f-4f99-8e08-379addee33bb.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS screen examples","\u002Fexamples\u002Fscreens",{"label":20,"to":4},"What is Design Engineering?",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":24},"Screen design",[],[],[26],{"uuid":27,"title":20,"description":28,"canonical_path":29,"image":11,"width":30,"height":31,"image_alt":32,"published_at":33,"kind":34,"patterns":35,"component_categories":71,"app":88},"d2b682dc-717f-4f99-8e08-379addee33bb","Document editor where the user is drafting a new page with a block-based text input and an inline formatting toolbar.","\u002Fexamples\u002Fapps\u002Fslite\u002Fscreens",3024,1780,"What is Design Engineering? from Slite","2025-09-22T15:17:02.000Z","screen",[36,45,54,62],{"id":37,"label":38,"slug":39,"rank":40,"group":41},78,"Article","article",0,{"id":42,"label":43,"slug":44},15,"Marketing Page Types","marketing-page-types",{"id":46,"label":47,"slug":48,"rank":49,"group":50},62,"Breadcrumbs","breadcrumbs",1,{"id":51,"label":52,"slug":53},6,"Navigation & Commands","navigation-and-commands",{"id":55,"label":56,"slug":57,"rank":58,"group":59},11,"Edit","edit",2,{"id":58,"label":60,"slug":61},"Actions","actions",{"id":63,"label":64,"slug":65,"rank":66,"group":67},118,"Help","help",3,{"id":68,"label":69,"slug":70},12,"States & Feedback","states-and-feedback",[72,76,80,84],{"id":73,"title":74,"slug":75},240,"Horizontal navigation","horizontal-navigation",{"id":77,"title":78,"slug":79},277,"Button group","button-group",{"id":81,"title":82,"slug":83},168,"Accordion","accordion",{"id":85,"title":86,"slug":87},177,"Breadcrumb","breadcrumb",{"slug":89,"title":90,"logo":91,"baseline":92,"categories":93},"slite","Slite","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fslite-265214fb.png","Put clarity at the center of your team",[94,98,102],{"id":95,"title":96,"slug":97},22,"Knowledge Management","knowledge-management",{"id":99,"title":100,"slug":101},23,"Collaboration","collaboration",{"id":103,"title":104,"slug":105},80,"Artificial Intelligence","artificial-intelligence",[],[108,110,112,114,116],{"label":47,"to":109},"\u002Fexamples\u002Fscreens\u002Fbreadcrumbs",{"label":56,"to":111},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":64,"to":113},"\u002Fexamples\u002Fscreens\u002Fhelp",{"label":115,"to":29},"Slite screen designs",{"label":117,"to":18},"All screen examples",{"published_at":119,"updated_at":120},"2025-09-22T14:03:02.000Z","2026-09-05T20:19:52.953Z"]