EVERY GOOD THING HAS ITS MOMENT

Give your next big thing
a little anticipation.

A thoughtfully built countdown for launches, events and everything worth looking forward to. One deadline. Your design. Two ways to share.

Timezone-awareEmail + web exportsNo account required

01 / SET THE MOMENT

When does it happen?

Heading

Deadline dateDeadline time

Event timezone

Choose the timezone of the deadline. Every viewer counts down to that same instant, wherever they are.

When the countdown ends

02 / FIND YOUR LOOK

Make time your own.

Font familyDigit font size 60px

Background#111b34Digits & text#f1f5ffLabels & accent#9caafa

Timer layoutLabel language

Show daysShow secondsShow unit labels

Maximum width 600pxCorner radius 16px

Alignment

Click-through URL OptionalCTA label

LIVE CANVAS

A live, absolute-deadline countdown. Resize the canvas to check how your design fits.

Honest about the inbox.

No countdown can be guaranteed live in every email client. Outlook may show only the first frame. Apple Mail and other proxies can prefetch or cache images.

Every email export keeps a written deadline and image alt text. The clock is a visual cue, not the source of truth.

Website / WordPressLive countdown

Email GIFFinite animation

Images blockedWritten deadline

Made for real campaigns

Fonts are bundled, not fetched from a font service.
Expired timers never roll back or restart.
Hidden days become total hours.
No recipient IDs or tracking pixels are added.

03 / PUT IT OUT THERE

Your next moment, ready to share.

Live JavaScript timer with responsive sizing and a written deadline. Paste into a custom HTML block where scripts are permitted. Each embed is isolated, so you can use multiple timers on one page.

READY TO EXPORT

<!-- Pulse Signal: responsive website / WordPress Custom HTML embed. Requires JavaScript permission. -->
<div data-pulse-countdown style="box-sizing:border-box;width:100%;max-width:600px;margin:0 auto;padding:clamp(16px,4vw,28px);background:#111b34;color:#f1f5ff;border-radius:16px;font-family:&quot;Signal Sans&quot;,Arial,sans-serif;text-align:center;">
<style>@font-face{font-family:'Signal Sans';src:url('https://santrathaur.com/countdown-fonts/sans.woff') format('woff');font-weight:700;font-display:swap;}</style>
<p style="margin:0 0 20px;font-size:18px;line-height:1.5;">Something good is on the horizon.</p>
<div data-pulse-units style="display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(4px,2vw,12px);"><div style="min-width:0;padding:12px 3px;border-radius:12px;background:#212a42;"><span data-unit="days" style="display:block;font-size:clamp(18px,7vw,60px);font-weight:700;line-height:1.2;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;">00</span><span style="display:block;margin-top:10px;font-size:clamp(8px,2vw,11px);letter-spacing:.07em;color:#9caafa;overflow-wrap:anywhere;">DAYS</span></div><div style="min-width:0;padding:12px 3px;border-radius:12px;background:#212a42;"><span data-unit="hours" style="display:block;font-size:clamp(18px,7vw,60px);font-weight:700;line-height:1.2;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;">00</span><span style="display:block;margin-top:10px;font-size:clamp(8px,2vw,11px);letter-spacing:.07em;color:#9caafa;overflow-wrap:anywhere;">HOURS</span></div><div style="min-width:0;padding:12px 3px;border-radius:12px;background:#212a42;"><span data-unit="minutes" style="display:block;font-size:clamp(18px,7vw,60px);font-weight:700;line-height:1.2;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;">00</span><span style="display:block;margin-top:10px;font-size:clamp(8px,2vw,11px);letter-spacing:.07em;color:#9caafa;overflow-wrap:anywhere;">MINUTES</span></div><div style="min-width:0;padding:12px 3px;border-radius:12px;background:#212a42;"><span data-unit="seconds" style="display:block;font-size:clamp(18px,7vw,60px);font-weight:700;line-height:1.2;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;">00</span><span style="display:block;margin-top:10px;font-size:clamp(8px,2vw,11px);letter-spacing:.07em;color:#9caafa;overflow-wrap:anywhere;">SECONDS</span></div></div>
<p data-pulse-expired hidden style="font-size:24px;line-height:1.4;color:#9caafa;"></p>
<p style="margin:20px 0 0;font-size:12px;line-height:1.7;">Deadline: 03 Dec 2026, 17:00 (Asia/Kolkata)</p>

<noscript><p>The live countdown needs JavaScript. Please use the written deadline above.</p></noscript>
<script>(function(){var s=document.currentScript,r=s.parentElement,c={"target":1796297400000,"days":true,"labels":[{"key":"days","label":"DAYS"},{"key":"hours","label":"HOURS"},{"key":"minutes","label":"MINUTES"},{"key":"seconds","label":"SECONDS"}],"expired":"TIME IS UP"};function tick(){if(!r.isConnected){clearInterval(timer);return;}var n=Math.max(0,Math.ceil((c.target-Date.now())/1000));var v={days:Math.floor(n/86400),hours:c.days?Math.floor(n/3600)%24:Math.floor(n/3600),minutes:Math.floor(n/60)%60,seconds:n%60};r.querySelectorAll('[data-unit]').forEach(function(e){e.textContent=String(v[e.dataset.unit]).padStart(2,'0');});if(Date.now()>=c.target){r.querySelector('[data-pulse-units]').hidden=true;r.querySelector('[data-pulse-units]').style.display='none';var e=r.querySelector('[data-pulse-expired]');e.hidden=false;e.textContent=c.expired;clearInterval(timer);}}var timer=setInterval(tick,1000);tick();})();</script>
</div>

Settings are embedded in public URLs. No login, paid service or external countdown subscription is needed. Hosted image and iframe embeds depend on this portfolio remaining available.

A LITTLE MORE INTENTION

Anticipation, without
the unnecessary complexity.

One real deadline

A fixed timezone-aware moment, not a timer that resets whenever someone opens a page.

The right format

Live code for websites. Hosted image code for email. A written deadline in both.

A design you can keep

Save locally, switch palettes and choose from matching bundled fonts across the canvas and image.

Give your next big thinga little anticipation.