[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Ftags\u002Femail":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"totals":8,"category":11,"seo":15,"breadcrumbs":19,"content":28,"examples":33,"showcases":534,"links":535,"dates":596},"\u002Fexamples\u002Ftags\u002Femail","collection","screens",true,{"example_count":9,"app_count":10},4012,222,{"id":12,"title":13,"description":14},862,"Email","",{"title":16,"description":17,"og_image":18},"Email screen examples - Nicelydone","Email screen design examples from SaaS apps. Browse examples from Dock, Beside, Town.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe36ed9f4-1475-45b9-a283-f7530fb86810.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"tags","\u002Fexamples\u002Ftags",{"label":27,"to":4},"Email screen examples",{"title":27,"eyebrow":29,"description":17,"sections":30,"body":31},"Tag category",[],[32],"4012 screens",[34,88,143,190,228,287,317,357,390,421,449,484],{"uuid":35,"title":36,"description":37,"canonical_path":38,"image":18,"width":39,"height":40,"image_alt":41,"published_at":42,"kind":43,"patterns":44,"component_categories":69,"app":74},"e36ed9f4-1475-45b9-a283-f7530fb86810","Dock · Settings","Settings page where the user configures and verifies DNS records like DKIM, Return-Path, SPF, and DMARC for email delivery.","\u002Fexamples\u002Fapps\u002Fdock\u002Fscreens",3024,1758,"Dock · Settings from Dock","2026-07-13T15:30:47.000Z","screen",[45,54,60],{"id":46,"label":47,"slug":48,"rank":49,"group":50},102,"Settings","settings",0,{"id":51,"label":52,"slug":53},10,"Settings & Admin","settings-and-admin",{"id":55,"label":56,"slug":57,"rank":58,"group":59},101,"Security Settings","security-settings",1,{"id":51,"label":52,"slug":53},{"id":61,"label":62,"slug":63,"rank":64,"group":65},47,"Table","table",2,{"id":66,"label":67,"slug":68},4,"Data & Analysis","data-and-analysis",[70],{"id":71,"title":72,"slug":73},175,"Button","button",{"slug":75,"title":76,"logo":77,"baseline":78,"categories":79},"dock","Dock","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdock-k4tgvy1y.png","The new way to manage external relationships",[80,84],{"id":81,"title":82,"slug":83},23,"Collaboration","collaboration",{"id":85,"title":86,"slug":87},29,"Task Management","task-management",{"uuid":89,"title":90,"description":91,"canonical_path":92,"image":93,"width":39,"height":40,"image_alt":94,"published_at":95,"kind":43,"patterns":96,"component_categories":110,"app":123},"124a2ab4-0b96-40f0-b4a1-bd155eb05b57","Beside","Settings page where the user configures email drafting preferences for their AI receptionist, including custom instructions and a signature.","\u002Fexamples\u002Fapps\u002Fbeside\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F124a2ab4-0b96-40f0-b4a1-bd155eb05b57.png","Beside from Beside","2026-06-29T18:30:01.000Z",[97,105],{"id":98,"label":99,"slug":100,"rank":49,"group":101},33,"AI Settings","ai-settings",{"id":102,"label":103,"slug":104},3,"AI","ai",{"id":106,"label":107,"slug":108,"rank":58,"group":109},94,"Account Settings","account-settings",{"id":51,"label":52,"slug":53},[111,115,119],{"id":112,"title":113,"slug":114},167,"Alert","alert",{"id":116,"title":117,"slug":118},177,"Breadcrumb","breadcrumb",{"id":120,"title":121,"slug":122},260,"Badge","badge",{"slug":124,"title":90,"logo":125,"baseline":126,"categories":127},"beside","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F8c14025e-58b4-4801-bd91-3e31a3cf8f21.png","AI-powered business phone assistant that answers calls and takes action",[128,132,135,139],{"id":129,"title":130,"slug":131},80,"Artificial Intelligence","artificial-intelligence",{"id":61,"title":133,"slug":134},"Customer Service","customer-service",{"id":136,"title":137,"slug":138},53,"CRM","crm",{"id":140,"title":141,"slug":142},82,"Communication","communication",{"uuid":144,"title":145,"description":146,"canonical_path":147,"image":148,"width":39,"height":40,"image_alt":149,"published_at":150,"kind":43,"patterns":151,"component_categories":166,"app":173},"e8462399-aa92-477d-b7d1-354cc0103e97","Settings · Assistant","Settings modal where the user configures specific actions the AI assistant can perform for the Email integration, such as adding labels or creating drafts.","\u002Fexamples\u002Fapps\u002Ftown\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe8462399-aa92-477d-b7d1-354cc0103e97.png","Settings · Assistant from Town","2026-06-16T15:01:01.000Z",[152,154,159],{"id":98,"label":99,"slug":100,"rank":49,"group":153},{"id":102,"label":103,"slug":104},{"id":155,"label":156,"slug":157,"rank":58,"group":158},97,"Integrations","integrations",{"id":51,"label":52,"slug":53},{"id":160,"label":161,"slug":162,"rank":64,"group":163},11,"Edit","edit",{"id":64,"label":164,"slug":165},"Actions","actions",[167,171,172],{"id":168,"title":169,"slug":170},284,"Modal","modal",{"id":120,"title":121,"slug":122},{"id":71,"title":72,"slug":73},{"slug":174,"title":175,"logo":176,"baseline":177,"categories":178},"town","Town","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fb6cf707d-df49-4190-b803-766b8914df89.png","The AI assistant that manages your inbox, schedules meetings, and handles busywork.",[179,180,184,187],{"id":129,"title":130,"slug":131},{"id":181,"title":182,"slug":183},30,"Productivity","productivity",{"id":185,"title":13,"slug":186},92,"email",{"id":55,"title":188,"slug":189},"Calendar","calendar",{"uuid":191,"title":192,"description":193,"canonical_path":194,"image":195,"width":39,"height":40,"image_alt":196,"published_at":197,"kind":43,"patterns":198,"component_categories":207,"app":214},"7c5629da-5f8b-43db-83a5-00027fcc80bb","Lovable","Settings page where the user configures their public profile, username, email, and chat suggestions.","\u002Fexamples\u002Fapps\u002Flovable\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7c5629da-5f8b-43db-83a5-00027fcc80bb.png","Lovable from Lovable","2026-05-18T10:58:24.000Z",[199,201],{"id":106,"label":107,"slug":108,"rank":49,"group":200},{"id":51,"label":52,"slug":53},{"id":102,"label":202,"slug":203,"rank":58,"group":204},"Profile","profile",{"id":160,"label":205,"slug":206},"Social & Collaboration","social-and-collaboration",[208,212,213],{"id":209,"title":210,"slug":211},174,"Card","card",{"id":120,"title":121,"slug":122},{"id":71,"title":72,"slug":73},{"slug":215,"title":192,"logo":216,"baseline":217,"categories":218},"lovable","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F371498a3-d8de-4908-8af8-e73a603ffa34.png","Create apps and websites by chatting with AI",[219,220,224],{"id":129,"title":130,"slug":131},{"id":221,"title":222,"slug":223},7,"Web Development","web-development",{"id":225,"title":226,"slug":227},96,"No code","no-code",{"uuid":229,"title":230,"description":231,"canonical_path":232,"image":233,"width":234,"height":235,"image_alt":236,"published_at":237,"kind":43,"patterns":238,"component_categories":256,"app":269},"726b4d89-9175-463b-8df3-c074f83c62a9","Audience settings | Mailchimp","Settings page where the user is prompted to verify their domain via an email address in order to send campaigns.","\u002Fexamples\u002Fapps\u002Fmailchimp\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F726b4d89-9175-463b-8df3-c074f83c62a9.png",2880,1670,"Audience settings | Mailchimp from Mailchimp","2026-04-29T12:25:29.000Z",[239,246,248],{"id":240,"label":241,"slug":242,"rank":49,"group":243},6,"Verification","verification",{"id":58,"label":244,"slug":245},"Access & Account","access-and-account",{"id":46,"label":47,"slug":48,"rank":58,"group":247},{"id":51,"label":52,"slug":53},{"id":249,"label":250,"slug":251,"rank":64,"group":252},114,"Confirmation","confirmation",{"id":253,"label":254,"slug":255},12,"States & Feedback","states-and-feedback",[257,261,262,263,267,268],{"id":258,"title":259,"slug":260},240,"Horizontal navigation","horizontal-navigation",{"id":168,"title":169,"slug":170},{"id":116,"title":117,"slug":118},{"id":264,"title":265,"slug":266},169,"Avatar","avatar",{"id":120,"title":121,"slug":122},{"id":71,"title":72,"slug":73},{"slug":270,"title":271,"logo":272,"baseline":273,"categories":274},"mailchimp","Mailchimp","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmailchimp-bd8e0c89.png","All-in-one marketing platform for small business",[275,279,283],{"id":276,"title":277,"slug":278},25,"Marketing","marketing",{"id":280,"title":281,"slug":282},27,"Email Newsletters","email-newsletters",{"id":284,"title":285,"slug":286},68,"SMS","sms",{"uuid":288,"title":289,"description":290,"canonical_path":291,"image":292,"width":234,"height":235,"image_alt":293,"published_at":294,"kind":43,"patterns":295,"component_categories":298,"app":300},"5685b83e-e011-41af-95f2-80077134f3b8","Maze","Auth screen where the user is instructed to check their inbox to confirm their email address, with options to resend the link or return to signup.","\u002Fexamples\u002Fapps\u002Fmaze\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5685b83e-e011-41af-95f2-80077134f3b8.png","Maze from Maze","2026-04-20T14:45:59.000Z",[296],{"id":240,"label":241,"slug":242,"rank":49,"group":297},{"id":58,"label":244,"slug":245},[299],{"id":71,"title":72,"slug":73},{"slug":301,"title":289,"logo":302,"baseline":303,"categories":304},"maze","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F29732693-68cb-43d3-8a42-056936993f0f.png","Rapid testing for modern teams",[305,309,313],{"id":306,"title":307,"slug":308},8,"Design","design",{"id":310,"title":311,"slug":312},69,"Surveys","surveys",{"id":314,"title":315,"slug":316},104,"User Research","user-research",{"uuid":318,"title":319,"description":320,"canonical_path":321,"image":322,"width":234,"height":235,"image_alt":323,"published_at":324,"kind":43,"patterns":325,"component_categories":345,"app":349},"74e9a06d-6205-4de3-81c2-4065f5268299","(10) Missive","Task management view where the user filters tasks assigned to them and updates a task's status from to-do to in-progress via an inline dropdown.","\u002Fexamples\u002Fapps\u002Fmissive\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F74e9a06d-6205-4de3-81c2-4065f5268299.png","(10) Missive from Missive","2026-04-20T14:33:36.000Z",[326,333,338,340],{"id":327,"label":328,"slug":329,"rank":49,"group":330},85,"Tasks","tasks",{"id":306,"label":331,"slug":332},"Pages & Content","pages-and-content",{"id":334,"label":335,"slug":336,"rank":58,"group":337},13,"Filter & Sort","filter-and-sort",{"id":64,"label":164,"slug":165},{"id":160,"label":161,"slug":162,"rank":64,"group":339},{"id":64,"label":164,"slug":165},{"id":341,"label":342,"slug":343,"rank":102,"group":344},22,"Search","search",{"id":64,"label":164,"slug":165},[346,347,348],{"id":264,"title":265,"slug":266},{"id":120,"title":121,"slug":122},{"id":71,"title":72,"slug":73},{"slug":350,"title":351,"logo":352,"baseline":353,"categories":354},"missive","Missive","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmissive-3771692f.png","Team email, chat & tasks",[355,356],{"id":81,"title":82,"slug":83},{"id":185,"title":13,"slug":186},{"uuid":358,"title":359,"description":360,"canonical_path":361,"image":362,"width":39,"height":363,"image_alt":364,"published_at":365,"kind":43,"patterns":366,"component_categories":373,"app":383},"23ebccba-9a05-49c2-96cf-f9a68ec15712","Email Templates | Nicelydone club CRM","Settings page where the user manages email templates for people, organizations, opportunities, and projects.","\u002Fexamples\u002Fapps\u002Fcapsule\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F23ebccba-9a05-49c2-96cf-f9a68ec15712.png",1780,"Email Templates | Nicelydone club CRM from Capsule","2025-10-06T13:33:45.000Z",[367,369,371],{"id":61,"label":62,"slug":63,"rank":49,"group":368},{"id":66,"label":67,"slug":68},{"id":160,"label":161,"slug":162,"rank":58,"group":370},{"id":64,"label":164,"slug":165},{"id":106,"label":107,"slug":108,"rank":64,"group":372},{"id":51,"label":52,"slug":53},[374,378,379,380,381,382],{"id":375,"title":376,"slug":377},233,"Tabs","tabs",{"id":112,"title":113,"slug":114},{"id":258,"title":259,"slug":260},{"id":116,"title":117,"slug":118},{"id":264,"title":265,"slug":266},{"id":71,"title":72,"slug":73},{"slug":384,"title":385,"logo":386,"baseline":387,"categories":388},"capsule","Capsule","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcapsule-crm-435e73bb.png","CRM Made Simple",[389],{"id":136,"title":137,"slug":138},{"uuid":391,"title":392,"description":393,"canonical_path":394,"image":395,"width":39,"height":363,"image_alt":396,"published_at":397,"kind":43,"patterns":398,"component_categories":409,"app":410},"442f5533-3e43-4432-bf47-1ebd21184b69","Workflow","Inbox view where the user has no new notifications, displaying an empty state illustration.","\u002Fexamples\u002Fapps\u002Fworkflow\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F442f5533-3e43-4432-bf47-1ebd21184b69.png","Workflow from Workflow","2025-09-30T08:25:02.000Z",[399,404],{"id":400,"label":401,"slug":402,"rank":49,"group":403},115,"Empty State","empty-state",{"id":253,"label":254,"slug":255},{"id":405,"label":406,"slug":407,"rank":58,"group":408},110,"Notifications","notifications",{"id":160,"label":205,"slug":206},[],{"slug":411,"title":392,"logo":412,"baseline":413,"categories":414},"workflow","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fworkflow-n6ecc4wx.png","Design feedback and revisions, all in one place",[415,416,417],{"id":306,"title":307,"slug":308},{"id":81,"title":82,"slug":83},{"id":418,"title":419,"slug":420},35,"Feedback","feedback",{"uuid":422,"title":423,"description":424,"canonical_path":425,"image":426,"width":39,"height":363,"image_alt":427,"published_at":428,"kind":43,"patterns":429,"component_categories":436,"app":438},"2c4b39a7-187c-491f-a481-ea7e15a12393","Get started | Slite","Verification screen where the user enters a 6-digit confirmation code sent to their email to proceed with account creation.","\u002Fexamples\u002Fapps\u002Fslite\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2c4b39a7-187c-491f-a481-ea7e15a12393.png","Get started | Slite from Slite","2025-09-22T15:17:02.000Z",[430,432],{"id":240,"label":241,"slug":242,"rank":49,"group":431},{"id":58,"label":244,"slug":245},{"id":58,"label":433,"slug":434,"rank":58,"group":435},"Account Setup","account-setup",{"id":58,"label":244,"slug":245},[437],{"id":209,"title":210,"slug":211},{"slug":439,"title":440,"logo":441,"baseline":442,"categories":443},"slite","Slite","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fslite-265214fb.png","Put clarity at the center of your team",[444,447,448],{"id":341,"title":445,"slug":446},"Knowledge Management","knowledge-management",{"id":81,"title":82,"slug":83},{"id":129,"title":130,"slug":131},{"uuid":450,"title":451,"description":452,"canonical_path":453,"image":454,"width":39,"height":363,"image_alt":455,"published_at":456,"kind":43,"patterns":457,"component_categories":472,"app":477},"97c13e58-b630-4aa6-9dbd-9fdadda78e86","Cobot","Home workspace view featuring floating, translucent widgets for Mail and Calendar over a 3D background.","\u002Fexamples\u002Fapps\u002Fcobot\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F97c13e58-b630-4aa6-9dbd-9fdadda78e86.png","Cobot from Cobot","2025-09-15T14:01:17.000Z",[458,463,468],{"id":459,"label":460,"slug":461,"rank":49,"group":462},41,"Dashboard","dashboard",{"id":66,"label":67,"slug":68},{"id":464,"label":465,"slug":466,"rank":58,"group":467},81,"Home","home",{"id":306,"label":331,"slug":332},{"id":140,"label":469,"slug":470,"rank":64,"group":471},"Media Detail","media-detail",{"id":306,"label":331,"slug":332},[473,474,475,476],{"id":209,"title":210,"slug":211},{"id":264,"title":265,"slug":266},{"id":120,"title":121,"slug":122},{"id":71,"title":72,"slug":73},{"slug":478,"title":451,"logo":479,"baseline":480,"categories":481},"cobot","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcobot-cfgifddahsrq.png","The first to-do app that does it for you",[482,483],{"id":129,"title":130,"slug":131},{"id":181,"title":182,"slug":183},{"uuid":485,"title":486,"description":487,"canonical_path":488,"image":489,"width":39,"height":363,"image_alt":490,"published_at":491,"kind":43,"patterns":492,"component_categories":514,"app":518},"82863e8c-9b73-46c6-b457-9620d03c357e","Edit Template: Email Layout Template","Code editor modal where the user modifies an email layout template using raw HTML and CSS alongside a live preview pane.","\u002Fexamples\u002Fapps\u002Foutseta\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F82863e8c-9b73-46c6-b457-9620d03c357e.png","Edit Template: Email Layout Template from Outseta","2025-09-01T19:09:29.000Z",[493,495,502,507,512],{"id":160,"label":161,"slug":162,"rank":49,"group":494},{"id":64,"label":164,"slug":165},{"id":136,"label":496,"slug":497,"rank":58,"group":498},"Code Editor","code-editor",{"id":499,"label":500,"slug":501},5,"Media & Tools","media-and-tools",{"id":503,"label":504,"slug":505,"rank":64,"group":506},58,"Media Editor","media-editor",{"id":499,"label":500,"slug":501},{"id":508,"label":509,"slug":510,"rank":102,"group":511},86,"Templates","templates",{"id":306,"label":331,"slug":332},{"id":249,"label":250,"slug":251,"rank":66,"group":513},{"id":253,"label":254,"slug":255},[515,516,517],{"id":258,"title":259,"slug":260},{"id":168,"title":169,"slug":170},{"id":71,"title":72,"slug":73},{"slug":519,"title":520,"logo":521,"baseline":522,"categories":523},"outseta","Outseta","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F936c2a3c-b3fd-40ad-a0f0-efcb89fadd6c.png","The membership operating system",[524,527,528,529,533],{"id":58,"title":525,"slug":526},"Communities","communities",{"id":185,"title":13,"slug":186},{"id":136,"title":137,"slug":138},{"id":530,"title":531,"slug":532},39,"Payments","payments",{"id":61,"title":133,"slug":134},[],[536,538,540,542,544,546,548,550,552,554,556,558,560,563,566,569,572,575,578,581,584,587,590,593],{"label":161,"to":537,"count":66},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":107,"to":539,"count":102},"\u002Fexamples\u002Fscreens\u002Faccount-settings",{"label":241,"to":541,"count":102},"\u002Fexamples\u002Fscreens\u002Fverification",{"label":99,"to":543,"count":64},"\u002Fexamples\u002Fscreens\u002Fai-settings",{"label":250,"to":545,"count":64},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":47,"to":547,"count":64},"\u002Fexamples\u002Fscreens\u002Fsettings",{"label":62,"to":549,"count":64},"\u002Fexamples\u002Fscreens\u002Ftable",{"label":433,"to":551,"count":58},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":496,"to":553,"count":58},"\u002Fexamples\u002Fscreens\u002Fcode-editor",{"label":460,"to":555,"count":58},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":401,"to":557,"count":58},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":335,"to":559,"count":58},"\u002Fexamples\u002Fscreens\u002Ffilter-and-sort",{"label":561,"to":562},"Dock design examples","\u002Fexamples\u002Fapps\u002Fdock",{"label":564,"to":565},"Beside design examples","\u002Fexamples\u002Fapps\u002Fbeside",{"label":567,"to":568},"Town design examples","\u002Fexamples\u002Fapps\u002Ftown",{"label":570,"to":571},"Lovable design examples","\u002Fexamples\u002Fapps\u002Flovable",{"label":573,"to":574},"Mailchimp design examples","\u002Fexamples\u002Fapps\u002Fmailchimp",{"label":576,"to":577},"Maze design examples","\u002Fexamples\u002Fapps\u002Fmaze",{"label":579,"to":580},"Missive design examples","\u002Fexamples\u002Fapps\u002Fmissive",{"label":582,"to":583},"Capsule design examples","\u002Fexamples\u002Fapps\u002Fcapsule",{"label":585,"to":586},"Workflow design examples","\u002Fexamples\u002Fapps\u002Fworkflow",{"label":588,"to":589},"Slite design examples","\u002Fexamples\u002Fapps\u002Fslite",{"label":591,"to":592},"Cobot design examples","\u002Fexamples\u002Fapps\u002Fcobot",{"label":594,"to":595},"Outseta design examples","\u002Fexamples\u002Fapps\u002Foutseta",{"published_at":597,"updated_at":598},"2024-12-11T10:03:54.000Z","2026-09-05T20:20:29.223Z"]