TAU Colors

Color Palette of Trips' Angels and 98.7 Bliss FM

98.7 Bliss FM & Partners | Light Theme Brand Board

98.7 Bliss FM | Master Color System

Partner Network Brand Board (Light)

The Station

98.7 Bliss FM

Main station branding, podcast covers, live stream UI.

Master Palette (Click to Copy HEX)

Primary Web Gradient

Click gradient to copy CSS

Deep Ambience Gradient

Click gradient to copy CSS

Glow Protocol

Vibrant Broadcast NeonHigh Intensity

On-air bugs, lower thirds, vibrant website headers

G

Core UI Balance

Recommended volumetric usage of the top 5 brand colors in digital UI. Light bases provide clean whitespace, letting accent neons draw focus.

Emotional Tone

Energetic, loud.

Web Implementation Guides

Tutorial

E Elementor Free: 3-Stop Gradients

The free version of Elementor restricts background gradients to only 2 colors. To implement the lush 3-stop master gradients of this brand system, use this simple CSS workaround.

  1. 1.
    Click on any Gradient block in the panel above to instantly copy its generated CSS code.
  2. 2.
    In your Elementor Editor, drag an HTML Widget onto your page (anywhere is fine).
  3. 3.
    Paste the copied code into the HTML widget. It will look like this:
    <style>
    .brand-gradient {
      background: linear-gradient(90deg, #A21109, #E5254C, #DC60CE);
    }
    </style>
  4. 4.
    Select the Section or Container you want to style. Go to Advanced > CSS Classes and type brand-gradient (without the dot).

The Light Glass Protocol

  • Base Fill: rgba(255, 255, 255, 0.75)
  • Blur Effect: backdrop-filter: blur(24px);
  • Border Details: Extremely subtle 1px border at 5% black opacity, paired with an inner white shadow.
  • Ambient Light: Utilize a soft, highly-blurred color blob behind the glass to generate organic highlights.

Typography & Legibility

  • Headlines: Use dark slate (#0f172a) instead of white for high contrast on light backgrounds.
  • Glow Adjustment: Bright neons wash out on white. Apply the glow color to accents, borders, or soft shadows beneath dark text instead of the text fill itself.
Copied!
Color Library
Copied to clipboard!