CENTERED COUNTDOWN

Drawing attention to events and time-limited offers

The centered countdown module is used to encourage conversion by introducing a sense of urgency on pages with limited-time offers such as event pages. The module generally contains a CTA.

Desktop

Mobile

Design specs

The module comes in centered alignment both on Desktop and Mobile view. The module consists of:

  • Headline*
  • Counter*
  • Body copy (optional)
  • CTA (optional)


* required element

Headline

Character limit: 62
Do not exceed three lines of text on 360px screens

Body text

Character limit: 120
For general copywriting guidelines, please refer to the Writing rules.

Colorways

Alignment

All module elements are center-aligned.

When to use

Designed for use near the top of Event Pages or other pages that promote limited time offers. Its large size and center alignment draws more attention than other versions of the countdown module. It doesn’t contain an image, and therefore requires the page it is on to provide visual context if needed.

Examples of use

Do's and Don'ts

DO: Follow the character limit guidelines.

DON’T: Use the countdown alone, without copy the context for the countdown is important. Using a headline is required for this module.

DON’T: Use too long copy.

DON’T: Change the alignment of the text.