A global utility-solar identity, in tokens.

Lightsource bp's primary mark is the wordmark with the lowercase "bp" parent-brand reference set at smaller scale than "Lightsource". Pulled directly from `lightsourcebp.com/app/uploads/2022/11/lightsouce-bp-main-logo.png`. The lockup is sibling-hierarchy — Lightsource is the operating company, bp is the parent (50/50 JV). Logo max-width on the live site caps at 200px.

The Lightsource bp palette is the bp Pulse identity — magenta `#df1995` to orange `#fe5000` as the signature gradient, deep aubergine `#2e1a47` as the canonical headline / dark-scrim ink (every h2-h6 inherits this purple), warm cream `#f2e8e1` as the section surface, sky blue `#96d4e9` as the sustainability accent. Counter-intuitive for a solar developer, but it correctly inherits the parent bp brand language. Greens are conspicuously off-brand.

The magenta-to-orange gradient is the brand's most-recognized visual signature — it appears at the top of feature sections, on button-hover backgrounds, on stat-figure text-clip, on top-of-card accent strips, and as the parent-brand pulse-dot reference. Treat the gradient as the "logo flourish" — it identifies a section as Lightsource bp without needing the wordmark.

Lato is the only typeface on the live site (one Google Fonts <link> rule loads weights 400/700/900, plus 300 for editorial captions). The single-typeface choice is intentional — Lato is the closest free Google Fonts equivalent to bp's parent-brand "Univers" derivative. Using one face across display, body, eyebrow, and UI creates a unified editorial voice that reads as engineered/utility-scale rather than consumer-app-flashy.

Lightsource bp's signature button is RECTANGULAR (border-radius 0) with a 1px orange border and orange uppercase Lato 700 text. On hover the bp Pulse gradient swaps in (86.97deg with extreme 3.29%/249.87% stops — reads as a horizontal sweep rather than a tile), text goes white, label underlines. The 0.8s transition is slow and cinematic — replicating with a snappier 200ms loses the brand's measured pacing. Hover each below to feel the move.

Cards use the dominant 5px radius (intentionally minimal — the brand is engineered, not friendly) + the signature `8px 6px 10px rgba(0,0,0,0.10)` directional drop shadow. The 8px-right / 6px-down offset creates an editorial "magazine page" feel — NOT a soft halo (centimark) or tight directional drop (Goettl). Radii cap at 5px; rounded chrome would feel "consumer SaaS" to a utility-infrastructure brand.

Chips are square-edged (radius 2px) with tracked uppercase Lato 700. The gradient-pill variant marks "live" / "featured" / parent-brand co-references. The pulse-bar is the brand's decorative gradient hairline — a 64×4px (or 120×6px lg) bar used as an "above-the-headline" separator. It's the brand's signature "marker" element.

Cinematic full-bleed drone aerials of utility-scale solar farms (the signature "Aerial_Impact_Solar" hero) + agrivoltaics dual-use land photography (sheep grazing under panels, pollinator meadows) + corporate team photography (GLB-prefixed global hero/banner files) + regional case-study tiles. NO smiling-handshake stock. NO solar-installer-with-tools clichés. The brand is inherently aerial / editorial / cinematic.

Every token defined in `_shared.css :root`, with hex values and the live `main_4744d58b.css` source where each was extracted from. Use these in CSS, never hard-code colors or radii.

Lightsource-bp-only patterns extending the canonical section catalog. Below: the pipeline-stats bar (8.4 GW · 65 projects · 19 countries · 1,000 employees) — a distinctive utility-scale solar signature. See `sections.html` for the full catalog and `homepage.html` for live composition.