Skip to main content

Styling & Customization

Every visual element can be customized to match your brand identity.

Background & Overlay​

  • Color overlays: Add semi-transparent color layers over backgrounds
  • Overlay opacity: Control transparency from 0 to 1
  • Corner radius: Round the corners of the timer container
  • Blur effect: Apply backdrop blur for container layouts (glass morphism effect)

Typography Controls​

Separate font controls for each element:

  • Title: Font size, color, weight, margin
  • Timer numbers: Font size, weight, color, spacing
  • Unit labels: Font size, weight, padding, corner radius, background
  • Description text: Font size, color, margin
  • Separator: Font size, weight, color, type (colon or line), height, margin

Button Styling​

  • Button text and URL
  • Font size and corner radius
  • Text color (normal and hover states)
  • Background color (normal and hover states)