[{"data":1,"prerenderedAt":257},["ShallowReactive",2],{"page-or-post-\u002Fcircle-and-rounded-rectangle-timer-designs\u002F":3,"related-blog\u002Fblog\u002Fcircle-and-rounded-rectangle-timer-designs.md":256},{"type":4,"data":5,"prevPost":248,"nextPost":252},"post",{"id":6,"title":7,"body":8,"categories":222,"coverImage":225,"date":226,"description":14,"extension":227,"head":228,"meta":231,"navigation":232,"ogDescription":233,"ogTitle":234,"path":235,"readTime":236,"seo":237,"slug":238,"stem":239,"summary":240,"tags":241,"updatedAt":246,"__hash__":247},"blog\u002Fblog\u002Fcircle-and-rounded-rectangle-timer-designs.md","Circle and Rounded Rectangle Timer Designs for Email",{"type":9,"value":10,"toc":214},"minimark",[11,15,20,49,52,57,64,70,75,81,87,93,99,103,161,165,191,194,198,205,208],[12,13,14],"p",{},"Countdown Builder's design library includes circle and rounded rectangle timer styles, alongside the original square and bordered rectangle designs. This guide shows what the four styles look like, when each shape fits an email layout, and how to build one.",[16,17,19],"h2",{"id":18},"the-four-new-designs","The Four New Designs",[21,22,23,31,37,43],"ul",{},[24,25,26,30],"li",{},[27,28,29],"strong",{},"Circle Bordered",": a circular outline around each time segment.",[24,32,33,36],{},[27,34,35],{},"Circle Filled",": a solid filled circle behind each segment.",[24,38,39,42],{},[27,40,41],{},"Rounded Rectangle Bordered",": a rounded-edge outline, softer than a hard rectangle.",[24,44,45,48],{},[27,46,47],{},"Rounded Rectangle Filled",": a solid filled rounded rectangle.",[12,50,51],{},"Which shape to pick is mostly a design decision — it depends on which one matches your email template. Filled styles give each segment a solid block of color, which tends to read well over photographic or busy backgrounds. Bordered styles are visually lighter and suit minimal templates.",[12,53,54],{},[27,55,56],{},"Circle Timer Demos",[12,58,59],{},[60,61],"img",{"alt":62,"src":63},"Bold circle-filled countdown timer from Countdown Builder integrated into an email campaign","\u002Fblog-images\u002Fcircle-filled-countdown-timer-demo.gif",[12,65,66],{},[60,67],{"alt":68,"src":69},"Sleek circle-bordered countdown timer from Countdown Builder in a modern email template","\u002Fblog-images\u002Fcircle-bordered-countdown-timer-demo.gif",[12,71,72],{},[27,73,74],{},"Rounded Rectangle Timer Demos",[12,76,77],{},[60,78],{"alt":79,"src":80},"Vibrant rounded rectangle filled countdown timer from Countdown Builder in a promotional email","\u002Fblog-images\u002Frounded-rectangle-filled-timer-demo.gif",[12,82,83],{},[60,84],{"alt":85,"src":86},"Elegant rounded rectangle bordered countdown timer from Countdown Builder in an email design","\u002Fblog-images\u002Frounded-rectangle-bordered-timer-demo.gif",[12,88,89],{},[60,90],{"alt":91,"src":92},"Elegant rounded rectangle bordered countdown timer char from Countdown Builder in an email design","\u002Fblog-images\u002Frounded-rectangle-bordered-timer-demo-char.gif",[12,94,95],{},[60,96],{"alt":97,"src":98},"Vibrant rounded rectangle filled char countdown timer from Countdown Builder in a promotional email","\u002Fblog-images\u002Frounded-rectangle-filled-timer-demo-char.gif",[16,100,102],{"id":101},"how-to-create-a-circle-or-rounded-rectangle-timer","How to Create a Circle or Rounded Rectangle Timer",[104,105,106,123,133,149,155],"ol",{},[24,107,108,111,112,117,118,122],{},[27,109,110],{},"Log in or sign up."," Open ",[113,114,116],"a",{"href":115},"https:\u002F\u002Fapp.countdownbuilder.com\u002Fcountdowns\u002Fcreate","Countdown Builder"," and log in, or ",[113,119,121],{"href":120},"https:\u002F\u002Fapp.countdownbuilder.com\u002Fregister","sign up"," for a free account.",[24,124,125,128,129,132],{},[27,126,127],{},"Start a timer."," From the dashboard, click \"",[113,130,131],{"href":115},"Create","\" and select the timer style: circle bordered, circle filled, rounded rectangle bordered, or rounded rectangle filled.",[24,134,135,138],{},[27,136,137],{},"Set it up.",[21,139,140,143,146],{},[24,141,142],{},"Set the countdown deadline to match your campaign goal (for example, a 24-hour flash sale).",[24,144,145],{},"Customize colors, fonts, and labels to match your brand.",[24,147,148],{},"Optionally add a pulsing animation to the separators.",[24,150,151,154],{},[27,152,153],{},"Preview and embed."," Check the real-time preview, then copy the HTML code and paste it into your email platform's editor (Mailchimp, Klaviyo, and other ESPs that accept HTML).",[24,156,157,160],{},[27,158,159],{},"Measure results."," Compare clicks and conversions in your ESP between emails with the timer and equivalent emails without it.",[16,162,164],{"id":163},"ways-to-use-the-new-designs","Ways to Use the New Designs",[21,166,167,173,179,185],{},[24,168,169,172],{},[27,170,171],{},"Seasonal promotions",": a filled circle style for holiday sales.",[24,174,175,178],{},[27,176,177],{},"Webinars and virtual events",": a rounded rectangle style on registration reminder emails.",[24,180,181,184],{},[27,182,183],{},"Evergreen sequences",": any of the new shapes paired with Countdown Builder's evergreen timers, where each subscriber gets a personal deadline — a fit for onboarding flows.",[24,186,187,190],{},[27,188,189],{},"Product launches",": a bordered style for launch announcements.",[12,192,193],{},"Whichever design you use, keep the deadline real. The timer should point at an offer or event that actually expires.",[16,195,197],{"id":196},"getting-started","Getting Started",[12,199,200,201,204],{},"The circle and rounded rectangle designs are available in Countdown Builder alongside 65+ templates, custom fonts and colors, and fixed-date, evergreen, and dynamic timer types. If you'd like to try them, you can ",[113,202,203],{"href":115},"create a timer for free",".",[206,207],"hr",{},[12,209,210],{},[211,212,213],"em",{},"Last updated: September 2026. Designs and features described in this article reflect Countdown Builder at the time of updating and can change.",{"title":215,"searchDepth":216,"depth":216,"links":217},"",2,[218,219,220,221],{"id":18,"depth":216,"text":19},{"id":101,"depth":216,"text":102},{"id":163,"depth":216,"text":164},{"id":196,"depth":216,"text":197},[223,224],"email-marketing","tutorial","countdownbuilder-new-timer-designs-thumbnail.gif","2025-09-17","md",{"title":229,"description":230},"Circle and Rounded Rectangle Timer: New Designs for Email","A guide to the circle and rounded rectangle countdown timer designs in Countdown Builder, what each shape and fill style suits, and how to build one.",{},true,"A guide to the circle and rounded rectangle countdown timer designs in Countdown Builder, what each suits, and how to build one.","New Circle and Rounded Rectangle Timer Designs for Email","\u002Fblog\u002Fcircle-and-rounded-rectangle-timer-designs","4 min read",{"title":7,"description":14},null,"blog\u002Fcircle-and-rounded-rectangle-timer-designs","Countdown Builder offers circle and rounded rectangle timer designs in bordered and filled variants. This guide shows what each design looks like, when each shape fits an email layout, and how to build and embed one.",[242,243,223,244,245],"countdown-timer","email-countdown-timer","saas-marketing","urgency-in-emails","2026-10-19","uXwy4fPqA5523sGGUR3v91GJA9lcLYvTH1Cho5A3S7A",{"title":249,"date":250,"path":251},"How to Add an Email Countdown Timer in Omnisend (Plus a Resend OTP Timer Tip)","2025-09-04","\u002Fblog\u002Fhow-to-use-email-countdown-timer-in-omnisend",{"title":253,"date":254,"path":255},"How to Add a Countdown Timer to Your Emails (2026)","2025-09-19","\u002Fblog\u002Fcountdown-timer-email-guide-countdown-builder",[],1792603099999]