[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fscreens\u002F4b3705ea-0c9c-4e78-8c3e-e03347681cbc":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"examples":26,"showcases":72,"links":73,"dates":80},"\u002Fexamples\u002Fscreens\u002F4b3705ea-0c9c-4e78-8c3e-e03347681cbc","detail","pages",true,{"title":9,"description":10,"og_image":11},"Bard - Nicelydone","Screen UI design example from Bard. AI chat interface where the user is presented with an onboarding modal explaining the experimental nature of the tool…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4b3705ea-0c9c-4e78-8c3e-e03347681cbc.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS screen examples","\u002Fexamples\u002Fscreens",{"label":20,"to":4},"Bard",{"title":20,"eyebrow":22,"description":23,"sections":24,"body":25},"Screen design","Screen UI design example from Bard. AI chat interface where the user is presented with an onboarding modal explaining the experimental nature of the tool and asking for email opt-in before starting a conversation.",[],[],[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":46,"app":63},"4b3705ea-0c9c-4e78-8c3e-e03347681cbc","AI chat interface where the user is presented with an onboarding modal explaining the experimental nature of the tool and asking for email opt-in before starting a conversation.","\u002Fexamples\u002Fapps\u002Fbard\u002Fmarketing",3024,1718,"Bard from Bard","2023-11-07T10:19:10.000Z","screen",[37],{"id":38,"label":39,"slug":40,"rank":41,"group":42},156,"Free Tool","free-tool",0,{"id":43,"label":44,"slug":45},15,"Marketing Page Types","marketing-page-types",[47,51,55,59],{"id":48,"title":49,"slug":50},284,"Modal","modal",{"id":52,"title":53,"slug":54},175,"Button","button",{"id":56,"title":57,"slug":58},260,"Badge","badge",{"id":60,"title":61,"slug":62},174,"Card","card",{"slug":64,"title":20,"logo":65,"baseline":66,"categories":67},"bard","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fbard-n5q02ehw.png","A conversational AI tool by Google",[68],{"id":69,"title":70,"slug":71},80,"Artificial Intelligence","artificial-intelligence",[],[74,76,78],{"label":39,"to":75},"\u002Fexamples\u002Fpages\u002Ffree-tool",{"label":77,"to":30},"Bard screen designs",{"label":79,"to":18},"All screen examples",{"published_at":81,"updated_at":82},"2023-11-05T15:24:16.000Z","2026-05-15T20:26:00.326Z"]