[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fscreens\u002F7ea23641-5ad9-4806-99b1-7d8071f64681":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"examples":26,"showcases":84,"links":85,"dates":98},"\u002Fexamples\u002Fscreens\u002F7ea23641-5ad9-4806-99b1-7d8071f64681","detail","screens",true,{"title":9,"description":10,"og_image":11},"Welcome to Clover! - Bertrand - Nicelydone","Screen UI design example from Clover. Design editor where the user learns how to navigate the infinite canvas, use drawing tools, and add text blocks via an…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fclover_home-product-logged-detail-page-single-page_3b66e4da_nicelydone.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS screen examples","\u002Fexamples\u002Fscreens",{"label":20,"to":4},"Welcome to Clover! - Bertrand",{"title":20,"eyebrow":22,"description":23,"sections":24,"body":25},"Screen design","Screen UI design example from Clover. Design editor where the user learns how to navigate the infinite canvas, use drawing tools, and add text blocks via an interactive welcome document.",[],[],[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":69,"app":74},"7ea23641-5ad9-4806-99b1-7d8071f64681","Design editor where the user learns how to navigate the infinite canvas, use drawing tools, and add text blocks via an interactive welcome document.","\u002Fexamples\u002Fapps\u002Fclover\u002Fscreens",3072,1654,"Welcome to Clover! - Bertrand from Clover","2020-12-08T19:10:00.000Z","screen",[37,46,55,61],{"id":38,"label":39,"slug":40,"rank":41,"group":42},77,"Welcome","welcome",0,{"id":43,"label":44,"slug":45},7,"Onboarding & Education","onboarding-and-education",{"id":47,"label":48,"slug":49,"rank":50,"group":51},55,"Design Editor","design-editor",1,{"id":52,"label":53,"slug":54},5,"Media & Tools","media-and-tools",{"id":56,"label":57,"slug":58,"rank":59,"group":60},72,"Getting Started","getting-started",2,{"id":43,"label":44,"slug":45},{"id":62,"label":63,"slug":64,"rank":65,"group":66},24,"Share","share",3,{"id":59,"label":67,"slug":68},"Actions","actions",[70],{"id":71,"title":72,"slug":73},175,"Button","button",{"slug":75,"title":76,"logo":77,"baseline":78,"categories":79},"clover","Clover","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fclover-400862d8.png","The all-in-one notebook for creatives.",[80],{"id":81,"title":82,"slug":83},22,"Knowledge Management","knowledge-management",[],[86,88,90,92,94,96],{"label":48,"to":87},"\u002Fexamples\u002Fscreens\u002Fdesign-editor",{"label":57,"to":89},"\u002Fexamples\u002Fscreens\u002Fgetting-started",{"label":63,"to":91},"\u002Fexamples\u002Fscreens\u002Fshare",{"label":39,"to":93},"\u002Fexamples\u002Fscreens\u002Fwelcome",{"label":95,"to":30},"Clover screen designs",{"label":97,"to":18},"All screen examples",{"published_at":34,"updated_at":99},"2026-06-13T21:48:00.395Z"]