Skip to content
WEGMSTUDIO
Coming Soon Countdown website design
Landing PagesID: WGM054

Build the buzz before opening day with a live countdown and a launch list.

Coming Soon Countdown

A pre-launch coming-soon page for a new café or brand with an animated gradient hero, a large live countdown, an email or WhatsApp notify form, three teaser features, social links and an FAQ.

Starting at

₹999

Includes customisation with your content. Final price depends on changes.

What's included

  • Live countdown in days, hours, minutes and seconds to a launch date and time set in script.js (IST)
  • Demo safeguard: if the launch date has passed, the countdown rolls forward 30 days so it never shows zeros
  • Notify form with an Email or WhatsApp toggle, email and 10-digit Indian mobile validation and inline errors
  • Success state with an add-to-calendar button that downloads an .ics file generated in the browser
  • Success state offers a pre-filled WhatsApp message to +91 98765 43210; nothing is sent to a server
  • Sign-up is remembered only in the visitor's own browser, so returning visitors see the success state
  • Fit-out progress bar calculated from the launch date
  • Sticky mobile Notify me bar showing days to go, hidden while the form is on screen
  • Countdown announces the time left to screen readers once a minute, not every second
  • Animated aurora, steam, pulse and rotating text ring, all stopped when reduced motion is preferred

Pages included

  • Home — Hero with Countdown & Notify Form, Teaser Features, Social Links, FAQ, Footer
Mobile responsiveHTML5CSS3JavaScriptGoogle FontsSVG

Try the live website

This is the real site running — scroll, click and switch devices.

Loading live preview…

About this template

Coming Soon Countdown is a one-page pre-launch site, shown for a sample coffee bar and bakery, Brass & Bloom, in Indiranagar, Bengaluru. The full-screen hero has the logo, location and social icons on top, an opening-date pill, a large headline, a live countdown and the notify form. On the right sits an illustrated brass coffee tumbler with rising steam inside a rotating ring of text, with cards for a launch-day perk and fit-out progress. Below the hero are three teaser feature cards, a follow-the-build social section, a short FAQ and a footer. The countdown runs to a launch date set in script.js; for the demo it rolls forward 30 days if that date has passed. The notify form switches between email and WhatsApp number, validates the entry and shows a success state with an add-to-calendar button (an .ics file made in the browser) and a pre-filled WhatsApp message. Sign-ups are only remembered in the visitor's own browser and are not sent to a server. The brand, address, dates and copy are placeholders the studio replaces with the customer's own. The look is dark and warm: espresso black with saffron, copper and rose clay, a drifting aurora gradient and film grain, Bricolage Grotesque for headlines and numerals and Instrument Serif italics for accents. All animation stops for reduced-motion users. It works from 360 px phones, with a sticky Notify me bar, to wide screens. It suits cafés, restaurants, shops, D2C brands, studios and apps preparing to launch.

Design highlights

  • Espresso black, saffron, copper and rose clay palette with cream editorial sections
  • Bricolage Grotesque headlines and tabular numerals with Instrument Serif italic accents
  • Drifting CSS aurora gradient with an SVG film-grain overlay behind the full-screen hero
  • Inline SVG brass coffee tumbler with animated steam inside a rotating ring of text
  • Frosted-glass countdown tiles with a subtle tick animation on each change

Who it's for

New cafés, restaurants, bakeries, boutiques, salons, D2C brands, studios and apps that want a polished page live before launch. It works for anyone who needs to collect interest by email or WhatsApp, show an opening date and share teaser details and social links while the full website is still being built.

Related templates

A festive Diwali sale page for a local electronics and home store, with a live countdown, a filterable deals grid, copy-to-clipboard coupons, store locations with directions and a sticky call bar.

Starting at

₹999

A webinar registration page with a live countdown, session details, curriculum accordion, speaker bio, bonuses, a seats-left counter, testimonials, FAQ and a WhatsApp registration form.

Starting at

₹999

A link-in-bio page for a creator or home seller, with an SVG avatar profile, six large link buttons, three WhatsApp-order product cards, social icons, a light/dark toggle and a share button.

Starting at

₹999