Promotion Banner Module Promotion Banner Module Promotion Banner Module Promotion Banner Module

Promotion Banner Module

Web

Reusable Hugo module powering app promotion banners across multiple websites. One import, multiple promotion components.

Frontend Developer · UX Designer · Product Owner 2024 - Present
16 Apps
21 Languages
5 Trigger Modes

Tech

Hugo ModulesSCSSJavaScriptGoPostCSS

Deep Dive

Module Architecture

Go-based Hugo module. One import, multiple promotion components.

  • Module Single go.mod import powering 16 apps with layouts, partials, i18n, and SCSS
  • Shortcodes promotion-banner, promotion-interstitial, and promotion-sticky
Hugo module file structure

Theming & Customization

Multiple app themes generated from a single SCSS data map, with shortcode parameters for full control.

  • Colors 16 per-app color themes with Display-P3 wide gamut support
  • Contrast Automatic text color selection based on background brightness
  • Config Size, rating, trigger mode, and effects configurable per shortcode
{{< promotion-banner
    app="truth-or-dare"
    size="small" >}}
{{< promotion-banner
    app="love-notes"
    size="large"
    rating="4.8" >}}
{{< promotion-interstitial
    app="coupled"
    trigger="scroll" >}}
{{< promotion-sticky
    app="most-likely-to"
    rating="4.6" >}}

Runtime Rendering

Everything resolves automatically - device, store, and language.

  • Device Detection Automatically swaps App Store or Play Store links per platform
  • i18n Auto-resolved titles, descriptions, and CTAs across 21 languages
Runtime rendering across devices

Content teams add banners with a single shortcode. Zero code changes required.