\DESIGNSORCERY>_

Uplight | Clean Energy Solutions for a Decarbonized Grid

Video · Light

Design System Inspiration

Agentisenergy — extracted via DESIGN.md

Infrastructure · Clean energy solutions

corporate dark-theme clean interactive elegant sticky navigation scroll-triggered animations card-based layout dark mode toggle

Typography

Mark W01 Book

Heading

Aa Aa Aa Aa

Mark OT

Body

Aa Aa Aa Aa

Color palette

TL;DR

Agentisenergy utilizes a "Utility Chromatic" system where a deep electric blue `#0047ff` serves as the primary functional anchor against a stark white foundation `#ffffff`. The identity is defined by the high-contrast pairing of this blue with a vibrant "Energy Green" `#00e297` used for high-priority conversion actions. Typography is strictly geometric, utilizing the Mark OT and Mark W01 families to maintain a technical, infrastructure-aligned aesthetic. Layouts rely on generous vertical spacing (up to 120px) and a rigid 0px radius for most structural surfaces, punctuated only by pill-shaped buttons and specific 8px radius cards.

Target audience

The site targets energy providers and professionals seeking clean energy solutions, aiming to convey expertise and reliability through a polished digital presence.

Full tech stack

Google Tag Manager jQuery jQuery Migrate MySQL PHP WordPress Yoast SEO

Analytics

Google Tag Manager

Meta description

Uplight supports energy providers around the world with clean energy solutions for customer engagement and grid flexibility management.

Brand Voice

Authoritative, outcome-oriented, and technologically sophisticated.

Positioning

Uplight is a clean energy technology company that provides AI-powered platforms for energy providers. It enables utilities to activate customer devices, manage grid flexibility, and achieve reliability and affordability goals through integrated demand-side solutions.

Voice principles

  • Action-Oriented: Use strong, kinetic verbs like activate, drive, leverage, and unlock to describe technological capabilities.
  • Scale-Conscious: Emphasize the breadth of impact using data-heavy descriptors and terms like "proven" and "scalable."
  • Technically Precise: Use industry-specific terminology (VPP, DER, dispatch optimization) to establish expertise without unnecessary jargon.
  • Outcome-Focused: Connect every feature directly to a high-level benefit like grid resilience, decarbonization, or cost-effectiveness.

More SaaS/Software Product Designs

← Back to Gallery