[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Ftags\u002Fcompose-email":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":540,"links":541,"dates":603},"\u002Fexamples\u002Ftags\u002Fcompose-email","collection","screens",true,{"example_count":9,"app_count":10},401,23,{"id":12,"title":13,"description":14},7371,"Compose email","",{"title":16,"description":17,"og_image":18},"Compose email screen examples - Nicelydone","Compose email screen design examples from SaaS apps. Browse examples from Attio, Capsule, Outseta.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F696881d3-fd1c-4f74-b505-58bee77f93ee.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"tags","\u002Fexamples\u002Ftags",{"label":27,"to":4},"Compose email screen examples",{"title":27,"eyebrow":29,"description":17,"sections":30,"body":31},"Tag category",[],[32],"401 screens",[34,105,147,200,237,293,333,362,409,444,483,508],{"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":70,"app":91},"696881d3-fd1c-4f74-b505-58bee77f93ee","Emails - Attio","Inbox view where the user is composing a new email draft to a contact over a dimmed list of existing drafts.","\u002Fexamples\u002Fapps\u002Fattio\u002Fscreens",3024,1780,"Emails - Attio from Attio","2025-11-17T19:51:50.000Z","screen",[45,54,62],{"id":46,"label":47,"slug":48,"rank":49,"group":50},109,"Messages","messages",0,{"id":51,"label":52,"slug":53},11,"Social & Collaboration","social-and-collaboration",{"id":51,"label":55,"slug":56,"rank":57,"group":58},"Edit","edit",1,{"id":59,"label":60,"slug":61},2,"Actions","actions",{"id":63,"label":64,"slug":65,"rank":59,"group":66},58,"Media Editor","media-editor",{"id":67,"label":68,"slug":69},5,"Media & Tools","media-and-tools",[71,75,79,83,87],{"id":72,"title":73,"slug":74},233,"Tabs","tabs",{"id":76,"title":77,"slug":78},260,"Badge","badge",{"id":80,"title":81,"slug":82},284,"Modal","modal",{"id":84,"title":85,"slug":86},169,"Avatar","avatar",{"id":88,"title":89,"slug":90},175,"Button","button",{"slug":92,"title":93,"logo":94,"baseline":95,"categories":96},"attio","Attio","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fattio-nqag2fca.png","Customer relationship magic",[97,101],{"id":98,"title":99,"slug":100},53,"CRM","crm",{"id":102,"title":103,"slug":104},80,"Artificial Intelligence","artificial-intelligence",{"uuid":106,"title":107,"description":108,"canonical_path":109,"image":110,"width":39,"height":40,"image_alt":111,"published_at":112,"kind":43,"patterns":113,"component_categories":126,"app":140},"3f3bbfb7-52da-4601-b607-1857aa5dc931","Alex Johnson | Nicelydone CRM","Detail page for a contact profile where the user is logging an email via a modal with subject, date, message body, and file attachment fields.","\u002Fexamples\u002Fapps\u002Fcapsule\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3f3bbfb7-52da-4601-b607-1857aa5dc931.png","Alex Johnson | Nicelydone CRM from Capsule","2025-10-06T13:33:45.000Z",[114,119,121],{"id":115,"label":116,"slug":117,"rank":49,"group":118},3,"Profile","profile",{"id":51,"label":52,"slug":53},{"id":51,"label":55,"slug":56,"rank":57,"group":120},{"id":59,"label":60,"slug":61},{"id":122,"label":123,"slug":124,"rank":59,"group":125},25,"Upload & Download","upload-and-download",{"id":59,"label":60,"slug":61},[127,128,132,133,134,138,139],{"id":72,"title":73,"slug":74},{"id":129,"title":130,"slug":131},174,"Card","card",{"id":80,"title":81,"slug":82},{"id":76,"title":77,"slug":78},{"id":135,"title":136,"slug":137},240,"Horizontal navigation","horizontal-navigation",{"id":84,"title":85,"slug":86},{"id":88,"title":89,"slug":90},{"slug":141,"title":142,"logo":143,"baseline":144,"categories":145},"capsule","Capsule","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcapsule-crm-435e73bb.png","CRM Made Simple",[146],{"id":98,"title":99,"slug":100},{"uuid":148,"title":149,"description":150,"canonical_path":151,"image":152,"width":39,"height":153,"image_alt":154,"published_at":155,"kind":43,"patterns":156,"component_categories":173,"app":178},"2dc15a09-7fb5-42bf-a373-4523a333c1e8","View All Email Broadcasts","List view where the user is prompted to create their first email broadcast, alongside trial and domain authentication banners.","\u002Fexamples\u002Fapps\u002Foutseta\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2dc15a09-7fb5-42bf-a373-4523a333c1e8.png",1992,"View All Email Broadcasts from Outseta","2025-09-01T19:09:29.000Z",[157,165],{"id":158,"label":159,"slug":160,"rank":49,"group":161},115,"Empty State","empty-state",{"id":162,"label":163,"slug":164},12,"States & Feedback","states-and-feedback",{"id":166,"label":167,"slug":168,"rank":57,"group":169},41,"Dashboard","dashboard",{"id":170,"label":171,"slug":172},4,"Data & Analysis","data-and-analysis",[174,175,176,177],{"id":129,"title":130,"slug":131},{"id":135,"title":136,"slug":137},{"id":84,"title":85,"slug":86},{"id":88,"title":89,"slug":90},{"slug":179,"title":180,"logo":181,"baseline":182,"categories":183},"outseta","Outseta","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F936c2a3c-b3fd-40ad-a0f0-efcb89fadd6c.png","The membership operating system",[184,187,191,192,196],{"id":57,"title":185,"slug":186},"Communities","communities",{"id":188,"title":189,"slug":190},92,"Email","email",{"id":98,"title":99,"slug":100},{"id":193,"title":194,"slug":195},39,"Payments","payments",{"id":197,"title":198,"slug":199},47,"Customer Service","customer-service",{"uuid":201,"title":202,"description":203,"canonical_path":204,"image":205,"width":39,"height":40,"image_alt":206,"published_at":207,"kind":43,"patterns":208,"component_categories":216,"app":227},"2ec8e066-8f15-49d5-b18f-9626a2190604","The Org","Inbox view where the user reads email threads sent to prospects, showing a list of recipients on the left and the full message content on the right.","\u002Fexamples\u002Fapps\u002Fthe-org\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2ec8e066-8f15-49d5-b18f-9626a2190604.png","The Org from The org","2025-07-14T09:42:36.000Z",[209,211],{"id":46,"label":47,"slug":48,"rank":49,"group":210},{"id":51,"label":52,"slug":53},{"id":212,"label":213,"slug":214,"rank":57,"group":215},22,"Search","search",{"id":59,"label":60,"slug":61},[217,221,222,223,224,225,226],{"id":218,"title":219,"slug":220},277,"Button group","button-group",{"id":72,"title":73,"slug":74},{"id":129,"title":130,"slug":131},{"id":76,"title":77,"slug":78},{"id":135,"title":136,"slug":137},{"id":84,"title":85,"slug":86},{"id":88,"title":89,"slug":90},{"slug":228,"title":229,"logo":230,"baseline":231,"categories":232},"the-org","The org","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fthe-org-d95f10a7.png","Where great teams live",[233],{"id":234,"title":235,"slug":236},49,"Social Network","social-network",{"uuid":238,"title":239,"description":240,"canonical_path":241,"image":242,"width":39,"height":40,"image_alt":243,"published_at":244,"kind":43,"patterns":245,"component_categories":258,"app":265},"2bd6f664-a6f1-4346-a466-ac750c7de6d6","Alice Wonderland - Nicelydone","Detail page for a CRM contact where the user is composing a new email message in a floating right-aligned modal over the activity feed.","\u002Fexamples\u002Fapps\u002Fhuly\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2bd6f664-a6f1-4346-a466-ac750c7de6d6.png","Alice Wonderland - Nicelydone from Huly","2025-06-03T09:36:48.000Z",[246,248,250],{"id":115,"label":116,"slug":117,"rank":49,"group":247},{"id":51,"label":52,"slug":53},{"id":46,"label":47,"slug":48,"rank":57,"group":249},{"id":51,"label":52,"slug":53},{"id":251,"label":252,"slug":253,"rank":59,"group":254},82,"Media Detail","media-detail",{"id":255,"label":256,"slug":257},8,"Pages & Content","pages-and-content",[259,260,261,262,263,264],{"id":72,"title":73,"slug":74},{"id":218,"title":219,"slug":220},{"id":80,"title":81,"slug":82},{"id":135,"title":136,"slug":137},{"id":84,"title":85,"slug":86},{"id":88,"title":89,"slug":90},{"slug":266,"title":267,"logo":268,"baseline":269,"categories":270},"huly","Huly","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fhuly-umc26pfq.png","Everything App for your teams",[271,275,278,282,286,289],{"id":272,"title":273,"slug":274},29,"Task Management","task-management",{"id":212,"title":276,"slug":277},"Knowledge Management","knowledge-management",{"id":279,"title":280,"slug":281},30,"Productivity","productivity",{"id":283,"title":284,"slug":285},86,"Product management","product-management",{"id":10,"title":287,"slug":288},"Collaboration","collaboration",{"id":290,"title":291,"slug":292},45,"Open Source","open-source",{"uuid":294,"title":295,"description":296,"canonical_path":297,"image":298,"width":39,"height":40,"image_alt":299,"published_at":300,"kind":43,"patterns":301,"component_categories":310,"app":315},"09a44ae6-c30c-4091-a84e-c16d2b10e647","Dashboard — Tabular","Modal overlay where the user selects a starting template or a blank canvas to create a new email campaign.","\u002Fexamples\u002Fapps\u002Ftabular\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F09a44ae6-c30c-4091-a84e-c16d2b10e647.png","Dashboard — Tabular from Tabular","2025-04-29T08:32:16.000Z",[302,306,308],{"id":283,"label":303,"slug":304,"rank":49,"group":305},"Templates","templates",{"id":255,"label":256,"slug":257},{"id":166,"label":167,"slug":168,"rank":57,"group":307},{"id":170,"label":171,"slug":172},{"id":212,"label":213,"slug":214,"rank":59,"group":309},{"id":59,"label":60,"slug":61},[311,312,313,314],{"id":129,"title":130,"slug":131},{"id":80,"title":81,"slug":82},{"id":84,"title":85,"slug":86},{"id":88,"title":89,"slug":90},{"slug":316,"title":317,"logo":318,"baseline":319,"categories":320},"tabular","Tabular","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Feadf3716-18bb-466f-8b45-a512bf9311c4.png","Create emails easily with our email builder",[321,322,326,329],{"id":188,"title":189,"slug":190},{"id":323,"title":324,"slug":325},27,"Email Newsletters","email-newsletters",{"id":255,"title":327,"slug":328},"Design","design",{"id":330,"title":331,"slug":332},96,"No code","no-code",{"uuid":334,"title":335,"description":336,"canonical_path":337,"image":338,"width":39,"height":339,"image_alt":340,"published_at":341,"kind":43,"patterns":342,"component_categories":349,"app":354},"8ccc15c6-c07f-4372-96c7-3f5a04f12c0c","99+ • Inbox • nicelydoneproducts@gmail.com • Notion Mail","Inbox view where the user is drafting a reply to an email thread inside a centered modal overlay.","\u002Fexamples\u002Fapps\u002Fnotion-mail\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8ccc15c6-c07f-4372-96c7-3f5a04f12c0c.png",1714,"99+ • Inbox • nicelydoneproducts@gmail.com • Notion Mail from Notion Mail","2025-04-21T10:48:03.000Z",[343,345,347],{"id":46,"label":47,"slug":48,"rank":49,"group":344},{"id":51,"label":52,"slug":53},{"id":63,"label":64,"slug":65,"rank":57,"group":346},{"id":67,"label":68,"slug":69},{"id":51,"label":55,"slug":56,"rank":59,"group":348},{"id":59,"label":60,"slug":61},[350,351,352,353],{"id":218,"title":219,"slug":220},{"id":76,"title":77,"slug":78},{"id":80,"title":81,"slug":82},{"id":88,"title":89,"slug":90},{"slug":355,"title":356,"logo":357,"baseline":358,"categories":359},"notion-mail","Notion Mail","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fnotion-mail-6kbmdt89.png","The inbox that thinks like you",[360,361],{"id":188,"title":189,"slug":190},{"id":102,"title":103,"slug":104},{"uuid":363,"title":364,"description":365,"canonical_path":366,"image":367,"width":39,"height":368,"image_alt":369,"published_at":370,"kind":43,"patterns":371,"component_categories":387,"app":397},"c3fbc612-4ef9-4f03-a644-9a6f75ef17ac","Front (2)","Inbox detail view where the user reads a team discussion about dark patterns and schedules a related calendar event in the side panel.","\u002Fexamples\u002Fapps\u002Ffront\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc3fbc612-4ef9-4f03-a644-9a6f75ef17ac.png",1778,"Front (2) from Front","2025-03-03T14:56:15.000Z",[372,377,379],{"id":373,"label":374,"slug":375,"rank":49,"group":376},51,"Calendar","calendar",{"id":67,"label":68,"slug":69},{"id":46,"label":47,"slug":48,"rank":57,"group":378},{"id":51,"label":52,"slug":53},{"id":380,"label":381,"slug":382,"rank":59,"group":383},97,"Integrations","integrations",{"id":384,"label":385,"slug":386},10,"Settings & Admin","settings-and-admin",[388,392,393,394,395,396],{"id":389,"title":390,"slug":391},168,"Accordion","accordion",{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"id":135,"title":136,"slug":137},{"id":84,"title":85,"slug":86},{"id":88,"title":89,"slug":90},{"slug":398,"title":399,"logo":400,"baseline":401,"categories":402},"front","Front","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ffront-f25c6b6e.png","Email redesigned for teams",[403,404,405,408],{"id":10,"title":287,"slug":288},{"id":197,"title":198,"slug":199},{"id":251,"title":406,"slug":407},"Communication","communication",{"id":188,"title":189,"slug":190},{"uuid":410,"title":411,"description":412,"canonical_path":413,"image":414,"width":39,"height":368,"image_alt":415,"published_at":416,"kind":43,"patterns":417,"component_categories":427,"app":431},"4a19770e-75c6-45fe-86ea-2383acbc99d1","Vero","Content editor where the user drafts a plain text email for a support reply campaign.","\u002Fexamples\u002Fapps\u002Fvero\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4a19770e-75c6-45fe-86ea-2383acbc99d1.png","Vero from Vero","2024-11-18T14:07:13.000Z",[418,420,422],{"id":51,"label":55,"slug":56,"rank":49,"group":419},{"id":59,"label":60,"slug":61},{"id":63,"label":64,"slug":65,"rank":57,"group":421},{"id":67,"label":68,"slug":69},{"id":423,"label":424,"slug":425,"rank":59,"group":426},20,"Save","save",{"id":59,"label":60,"slug":61},[428,429,430],{"id":218,"title":219,"slug":220},{"id":135,"title":136,"slug":137},{"id":88,"title":89,"slug":90},{"slug":432,"title":411,"logo":433,"baseline":434,"categories":435},"vero","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fvero-a2c5dffd.png","Make every customer communication count",[436,439,440],{"id":122,"title":437,"slug":438},"Marketing","marketing",{"id":323,"title":324,"slug":325},{"id":441,"title":442,"slug":443},68,"SMS","sms",{"uuid":445,"title":446,"description":447,"canonical_path":448,"image":449,"width":39,"height":368,"image_alt":450,"published_at":451,"kind":43,"patterns":452,"component_categories":470,"app":475},"4f0a0124-a1fc-4c04-add5-ed7cb59c69c9","Overview - Announcement - Kit","Content editor modal where the user drafts an announcement email, sets the subject line, and picks a published date and time.","\u002Fexamples\u002Fapps\u002Fkit\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4f0a0124-a1fc-4c04-add5-ed7cb59c69c9.png","Overview - Announcement - Kit from Kit","2024-10-29T10:40:03.000Z",[453,455,460,465],{"id":63,"label":64,"slug":65,"rank":49,"group":454},{"id":67,"label":68,"slug":69},{"id":456,"label":457,"slug":458,"rank":57,"group":459},21,"Schedule","schedule",{"id":59,"label":60,"slug":61},{"id":461,"label":462,"slug":463,"rank":59,"group":464},114,"Confirmation","confirmation",{"id":162,"label":163,"slug":164},{"id":466,"label":467,"slug":468,"rank":115,"group":469},54,"Date & Time","date-and-time",{"id":67,"label":68,"slug":69},[471,472,473,474],{"id":80,"title":81,"slug":82},{"id":135,"title":136,"slug":137},{"id":84,"title":85,"slug":86},{"id":88,"title":89,"slug":90},{"slug":476,"title":477,"logo":478,"baseline":479,"categories":480},"kit","Kit","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fkit-4aa63ae6.png","For creators who mean business",[481,482],{"id":323,"title":324,"slug":325},{"id":122,"title":437,"slug":438},{"uuid":484,"title":485,"description":486,"canonical_path":487,"image":488,"width":39,"height":489,"image_alt":490,"published_at":491,"kind":43,"patterns":492,"component_categories":495,"app":499},"fc1dd9d2-d12f-4438-90d6-8c5290509fdb","Superhuman","Email composer where the user is using a command palette to schedule a draft to send in one week.","\u002Fexamples\u002Fapps\u002Fsuperhuman\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffc1dd9d2-d12f-4438-90d6-8c5290509fdb.png",1738,"Superhuman from Superhuman","2023-12-12T11:31:03.000Z",[493],{"id":456,"label":457,"slug":458,"rank":49,"group":494},{"id":59,"label":60,"slug":61},[496,497,498],{"id":218,"title":219,"slug":220},{"id":84,"title":85,"slug":86},{"id":88,"title":89,"slug":90},{"slug":500,"title":485,"logo":501,"baseline":502,"categories":503},"superhuman","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fsuperhuman-3d38669b.png","The fastest email experience ever made",[504,505,506],{"id":279,"title":280,"slug":281},{"id":188,"title":189,"slug":190},{"id":507,"title":374,"slug":375},101,{"uuid":509,"title":510,"description":511,"canonical_path":512,"image":513,"width":39,"height":514,"image_alt":515,"published_at":516,"kind":43,"patterns":517,"component_categories":528,"app":533},"eee956fd-21ac-4df2-8063-23fbc2593aba","Inbox","Inbox view where a product tour modal explains the personal inbox tab while showing a list of email threads and a detailed thread timeline.","\u002Fexamples\u002Fapps\u002Fdistrobird\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Feee956fd-21ac-4df2-8063-23fbc2593aba.png",1674,"Inbox from Distrobird","2023-10-09T09:47:11.000Z",[518,520],{"id":46,"label":47,"slug":48,"rank":49,"group":519},{"id":51,"label":52,"slug":53},{"id":521,"label":522,"slug":523,"rank":57,"group":524},73,"Guided Tour","guided-tour",{"id":525,"label":526,"slug":527},7,"Onboarding & Education","onboarding-and-education",[529,530,531,532],{"id":129,"title":130,"slug":131},{"id":76,"title":77,"slug":78},{"id":84,"title":85,"slug":86},{"id":88,"title":89,"slug":90},{"slug":534,"title":535,"logo":536,"baseline":537,"categories":538},"distrobird","Distrobird","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdistrobird-nlj8xwd7.png","Manage your entire sales process in one place",[539],{"id":98,"title":99,"slug":100},[],[542,545,547,549,551,553,555,557,559,561,563,565,567,570,573,576,579,582,585,588,591,594,597,600],{"label":47,"to":543,"count":544},"\u002Fexamples\u002Fscreens\u002Fmessages",6,{"label":55,"to":546,"count":170},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":64,"to":548,"count":170},"\u002Fexamples\u002Fscreens\u002Fmedia-editor",{"label":167,"to":550,"count":59},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":116,"to":552,"count":59},"\u002Fexamples\u002Fscreens\u002Fprofile",{"label":457,"to":554,"count":59},"\u002Fexamples\u002Fscreens\u002Fschedule",{"label":213,"to":556,"count":59},"\u002Fexamples\u002Fscreens\u002Fsearch",{"label":374,"to":558,"count":57},"\u002Fexamples\u002Fscreens\u002Fcalendar",{"label":462,"to":560,"count":57},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":467,"to":562,"count":57},"\u002Fexamples\u002Fscreens\u002Fdate-and-time",{"label":159,"to":564,"count":57},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":522,"to":566,"count":57},"\u002Fexamples\u002Fscreens\u002Fguided-tour",{"label":568,"to":569},"Attio design examples","\u002Fexamples\u002Fapps\u002Fattio",{"label":571,"to":572},"Capsule design examples","\u002Fexamples\u002Fapps\u002Fcapsule",{"label":574,"to":575},"Outseta design examples","\u002Fexamples\u002Fapps\u002Foutseta",{"label":577,"to":578},"The org design examples","\u002Fexamples\u002Fapps\u002Fthe-org",{"label":580,"to":581},"Huly design examples","\u002Fexamples\u002Fapps\u002Fhuly",{"label":583,"to":584},"Tabular design examples","\u002Fexamples\u002Fapps\u002Ftabular",{"label":586,"to":587},"Notion Mail design examples","\u002Fexamples\u002Fapps\u002Fnotion-mail",{"label":589,"to":590},"Front design examples","\u002Fexamples\u002Fapps\u002Ffront",{"label":592,"to":593},"Vero design examples","\u002Fexamples\u002Fapps\u002Fvero",{"label":595,"to":596},"Kit design examples","\u002Fexamples\u002Fapps\u002Fkit",{"label":598,"to":599},"Superhuman design examples","\u002Fexamples\u002Fapps\u002Fsuperhuman",{"label":601,"to":602},"Distrobird design examples","\u002Fexamples\u002Fapps\u002Fdistrobird",{"published_at":604,"updated_at":605},"2023-10-09T05:41:07.000Z","2026-09-05T20:19:57.925Z"]