Sections catalog · v1.0

Every section, in Lightsource bp's voice.

Each canonical section pattern from the library — rendered with Lightsource bp's tokens. Plus the bp-Pulse-flavored signature blocks that don't exist in any other DS: project-pipeline-stats, regional-operations-map, agrivoltaics-band, GW-deployed counter, case-study-card, partner-with-us, sustainability impact-quad, partner-testimonial, exec-profile, news-grid, cobrand-lockup, and process-steps.

Patterns26 canonical + 14 signature
Sourcelightsourcebp.com
Captured2026-05-08
Photography27 real production photos
01Announcement bar

announcement-bar

Slim strip above main nav. Aubergine background with magenta-orange pulse-bar accent. Lightsource bp's natural use: regional press announcements, project commissioning news, parent-bp deal milestones.

Demo
JUST IN: PEACOCK SOLAR DEAL EXPANDS USA PIPELINE TO 3.2 GW Read announcement
03Hero · photo-led

hero-photo-led

Cinematic full-bleed drone aerial of a utility-scale solar farm with the signature 46.23deg aubergine→magenta→orange tri-stop scrim. Headline + lede left-aligned, eyebrow with leading dash above. The brand's most-recognizable hero treatment.

Demo
Operating in 19 countries

Onshore renewables and energy storage, at scale.

From greenfield site selection through 35-year asset management, our integrated teams handle every stage of a utility-scale solar or storage project.

04Hero · centered

hero-centered

Centered hero on aubergine background with the deeper aubergine-pulse scrim. Used on landing pages where the photography is in the body, not the hero — the hero just sets the editorial pace.

Demo
Sustainability report 2024

The numbers behind the gigawatts.

Our annual report covers carbon avoided, biodiversity uplift, community-benefit programs, and supplier-chain audits across all operating regions.

DOWNLOAD REPORT (PDF)
05Intro statement

intro-statement

Single short paragraph at editorial weight (22px Lato 400) — a "what we are" statement under the hero. The pulse-bar gradient hairline above marks the section as Lightsource bp.

Demo
Who we are

We are a global developer, constructor and operator of onshore renewables and energy storage solutions — a 50/50 joint venture with bp PLC, with operations across the Americas, Europe, Asia-Pacific and the Middle East. We work with landowners, utilities, corporates and communities to deliver responsible, long-life renewable infrastructure that benefits the land and the grid.

06Service times Reframed

service-times → project-pipeline-stats

For a global utility-scale developer, the canonical "service times" pattern reframes as the project-pipeline / GW-deployed stat strip — what schedules a B2C church operates is what GW pipeline an IPP delivers. See sig-pipeline-stats below.

Demo

Project lifecycle · current stage

Pipeline
8.4 GW
Operational + under construction across 19 countries
In construction
2.1 GW
Active build sites, 14 projects, 7 countries
In development
25+ GW
Permitted + grid-connected pipeline through 2030
Decommissioned
0
No project has reached EOL — earliest builds are 2014
07Ministries grid Reframed

ministries-grid → services-grid

For Lightsource bp, "ministries" reframes as the integrated-services portfolio: Project Development, Construction, Operations & Maintenance, Asset Management, Off-take. See `sig-services-grid` for the brand's full photo-tile treatment.

Demo

Our integrated services

Project Development

Greenfield site selection, permitting, grid connection, and PPA structuring.

Construction

Self-perform EPC across utility-scale solar and battery storage builds.

Operations & Maintenance

24/7 monitoring, in-house technicians, 35-year service contracts.

Asset Management

Performance optimization, financial reporting, regulatory compliance.

Off-take

Long-term PPAs with utilities, hyperscalers, industrials, and municipalities.

Energy Storage

Co-located + standalone BESS development, grid-services trading.

08Events list

events-list

Date + body row layout. Lightsource bp's natural use: investor events, conference appearances, project commissioning ceremonies, community open-houses.

Demo

Upcoming events

  • JUN 12 · LONDON

    Renewable Energy World Conference 2026

    CEO Kareen Boutonnat keynote on the integrated solar + storage business model.

  • JUL 18 · AUSTIN, TX

    Impact Solar Phase III commissioning

    Public ribbon-cutting + plant tour at our 800 MW Lamar County campus.

  • SEP 24 · SINGAPORE

    APAC Renewables Summit

    Panel: Bringing utility-scale solar to grid-stressed Southeast Asia markets.

09Staff profile Reframed

staff-profile → exec-profile

Replaces canonical staff-profile with executive / regional-leader profile — portrait photo with brand left-edge accent, name + role + bio + credentials chip-row. See sig-exec-profile for full pattern.

Demo
Chief Executive Officer

Kareen Boutonnat

20+ years scaling renewable infrastructure businesses across 30 countries. Previously CEO of Total Eren and Senior Director at IFC. MBA Insead.

CEO Since 2024 Renewables 20+ YRS INSEAD MBA
10Staff grid

staff-grid

Multi-person grid for leadership pages. 4-up portrait tiles, name + role-line caption. Brand's natural use: executive committee, regional MD lineup, ESG council members.

Demo

Executive leadership

Kareen Boutonnat

Chief Executive Officer

Catherine Banat

Chief Financial Officer

Kevin Smith

CEO Americas

Zosia Riesner

Head of Power Markets, Europe

11Story · prose

story-prose

Long-form editorial layout for our-story / our-history / sustainability-narrative pages. Includes the brand's signature pull-quote with a magenta-orange gradient left-border.

Demo
Our story

From a London startup to a global IPP, in 14 years.

Lightsource was founded in London in 2010 by Nick Boyle. The original premise was simple: utility-scale solar, done well, would scale faster than anyone in the industry expected — but only if it was done by an integrated team that owned development, construction, and asset management end-to-end, rather than handing projects off between specialists.

"We're not just building solar farms. We're building the long-life infrastructure that decarbonizes a country's grid for the next 35 years."

By 2017 the bet was clear. bp PLC acquired a 43% stake in 2017 and increased it to 50% in 2018, creating the joint venture that exists today. By 2024, bp had moved to fully integrate Lightsource into its consolidated business — but Lightsource bp continues to operate as the renewables-development-and-operations arm of the global bp group, with its own management, brand, and project-financing model.

Today we have a multi-gigawatt operational portfolio, a deeper development pipeline, and active operations across 19 countries on four continents.

12Beliefs / values list

beliefs-list

Two-column values grid with a magenta-orange pulse-bar marker before each value-name. Brand's natural use: company values, ESG principles, project-development standards.

Demo

What we believe

Land that pays back

Every site we develop should leave the land more biodiverse, more productive, and more useful to its community than we found it.

Long-life infrastructure

We build projects designed to operate for 35 years, with the same crew accountable through O&M and repower.

Integrated teams

Development, construction, and asset management are the same team. The PM who builds it is the PM who operates it.

Local decision-making

Project-level decisions are made in the country where the project sits — not at headquarters.

13CTA band

cta-band

Full-bleed gradient call-to-action band. The bp Pulse magenta-orange gradient is THE signature CTA surface — anywhere we want a section to read as "bp Pulse" the gradient is the cue.

Demo

Have land? Want to host a solar farm?

We work with landowners on long-term lease agreements that pay reliable per-acre rent for 35 years.

14Ways to give Reframed

ways-to-give → partner-with-us

For an IPP, "ways to give" reframes as "ways to partner": Land Owner / Off-take Customer / Investor / Community Partner / Career. See sig-partner for the full 4-up tile pattern.

Demo

How to work with us

01 · LAND OWNER

Lease your land

Long-term agreements. Per-acre rent guaranteed for 35 years.

02 · OFF-TAKE

Buy clean power

Corporate PPAs, utility supply contracts, hourly-matched RECs.

03 · INVESTOR

Co-invest with us

Project-finance, tax-equity, infrastructure-fund partnerships.

15Closing block

closing-block

A short "talk to us" closing card on warm cream with a centered pulse-bar accent at the top. Brand's natural use: contact-us teasers, end-of-page conversation prompts.

Demo

Talk to a project developer.

Our regional teams take inquiries directly. Tell us what you're trying to build and we'll get back inside one business day.

+44 (0)20 3214 5000
17Image right · text left

image-right-text-left

Editorial 50/50 split. Used pervasively in Lightsource bp narrative pages — alternating image-text rows are the brand's preferred way to walk through a project, an impact area, or a team capability.

Demo
Pollinator habitat

Native wildflower meadows beneath the panels.

Every UK utility-scale site we develop is seeded with native wildflower mixes designed for the specific bioregion. Bee, butterfly, and ground-nesting bird populations measurably increase within 24 months.

Read the biodiversity report
18Image left · text right

image-left-text-right

Mirror of the above — for visual rhythm on long pages.

Demo
Construction

Self-perform EPC, on the ground in 19 countries.

Our construction teams are direct-employee, not subcontracted. The same crew that pours the foundation pads is the crew that ties in the substation. The PM stays from groundbreaking through grid synchronization.

Meet the team
19FAQ

faq-section

Native HTML <details> with the brand's magenta-orange gradient left-border treatment. Brand's natural use: landowner FAQ, off-taker FAQ, community FAQ.

Demo

Landowner frequently asked questions

How long is a typical lease?
35 years standard, with extension options. The lease covers development, construction, the full operating life, and decommissioning at end-of-term.
What rent is typical per acre?
Lease rates vary by region, grid-connection value, and land grade — but they're typically 5-10× what the same acres would generate from a row-crop or pasture rotation.
Can I still graze livestock?
Often yes. Sheep grazing is well-established under Lightsource bp panels in the UK, USA, and Spain. We design panel-spacing and racking heights with agrivoltaic compatibility in mind.
What happens at end-of-term?
All equipment is removed at our cost; the site is restored to pre-installation grade. Topsoil, drainage, and fence-lines are returned to original condition.
20Three card

three-card

3-up icon-card layout for value props, integrated services, or sustainability pillars. Each card uses a circle-icon with a magenta-orange border + brand-pale fill.

Demo

Co-located storage

Pair solar with battery storage to firm output, capture price arbitrage, and provide grid-services revenue.

35-year contracts

Standard PPA term. Fixed-price, escalation-pegged, hourly-matched options available.

Direct-employee O&M

Our techs work for us, not subcontractors. Same uniform, same training, every site.

21Accordion · flush

accordion-v1

Hairline-divided accordion (no card chrome). Used for FAQ-style content where the chrome should disappear and let the text dominate.

Demo
A PPA is a long-term contract between a renewables developer and a buyer (utility, corporate, or industrial off-taker) that fixes the electricity price for the contract term — typically 10-35 years.
A corporate PPA is a direct contract between Lightsource bp and a corporate buyer; a utility PPA is with a regulated electric utility. Corporate PPAs often include hourly matching and additionality requirements.
PPAs include the underlying RECs / GOOs (renewable energy certificates / guarantees of origin). Voluntary carbon credits are a separate financial instrument.
22Accordion · cards

accordion-v2

Each FAQ as its own card with the signature 8-6 directional drop. Used when you want each question to feel like a discrete unit on a card-stack.

Demo
Americas (USA, Brazil, Mexico, Chile), Europe (UK, Spain, Italy, Portugal, Netherlands, Germany, Greece, Poland, Ireland), APAC (Australia, India, Korea, Taiwan), Middle East (Egypt). 19 countries total.
Yes. bp PLC owns 100% of Lightsource bp following its full acquisition in late 2024. We continue to operate under our own brand and management as the renewables arm of the bp group.
Utility-scale: 50 MW — 1+ GW. We focus on large grid-connected onshore solar and battery storage. We do not develop residential, commercial-rooftop, or distributed-generation projects.
23Tabs · horizontal

tab-section-v1

Top-bordered tab navigation. Used for region-toggle, project-by-region content, or services-by-stage selectors.

Demo

Americas operations

Active in USA (16 states), Brazil, Mexico, and Chile. Headquartered in Denver. Largest single market by GW deployed. Works with utilities, hyperscalers, and Fortune 500 corporates.

Europe operations

Active in UK, Spain, Italy, Portugal, Netherlands, Germany, Greece, Poland, Ireland. Headquartered in London (group HQ). Strong agrivoltaics + biodiversity programs.

APAC operations

Active in Australia, India, Korea, Taiwan. Singapore office. Growing pipeline — APAC is the fastest-expanding region.

Middle East operations

Egypt operations. Cairo office. Working on regional MENA expansion in 2026-27.

24Tabs · vertical

tab-section-v2

Vertical-tab variant for longer tab labels. Used on impact-pillars pages or services-stage pages where each tab has a longer name.

Demo

Climate action · SDG 13

Our operational portfolio displaces 6.4 million tonnes of CO₂ per year — equivalent to taking 1.4 million cars off the road. Our 2030 target is net-zero scope 1+2 emissions across all owned operations.

Biodiversity · SDG 15

Every UK site is seeded with native wildflower meadows. Sheep grazing is integrated where appropriate. Pollinator counts increase 200-400% within 24 months on our planted sites.

Communities · SDG 8

Each project includes a community-benefit fund (~$1-3M typical) for local infrastructure, education, or environmental programs decided by elected community representatives.

Responsible sourcing

Our supplier code requires third-party labor audits, anti-forced-labor protocols, and full traceability to polysilicon source. We publish supplier names annually.

25Slider · photo-led

slider-v1

Photo carousel for project galleries. Aubergine-tinted bottom-fade caption overlay (NOT pure-black scrim — the brand uses aubergine even in chrome).

Demo
Impact Solar · Lamar County, Texas · 260 MW
Queen Elizabeth II Solar Farm · UK · 50 MW
Tiln BESS · Nottinghamshire, UK · 50 MW / 100 MWh
26Slider · testimonial

slider-v2

Quote-card carousel with the magenta-orange gradient left-border. Used for off-taker / landowner / community-partner testimonials.

Demo

"Lightsource bp's team was on-site for every milestone. The same PM that scoped the project at our greenfield site was the PM that handed me operating performance reports six years later. That continuity is rare."

Sarah LinEnergy Procurement Director · Fortune 100 manufacturer

"They restored more of the field to native habitat than they took out of it. The pollinator counts are up. The sheep are healthier. The lease pays five times what wheat does. It's the best deal I've made in 30 years of farming."

James WhittakerLandowner · Lincolnshire, UK
27Pipeline stats Signature

pipeline-stats (signature)

The GW-deployed / projects / countries / employees stat strip on warm-cream surface, with the magenta-orange gradient hairline above. Replaces the canonical service-times pattern for an IPP. The signature pattern of this DS.

Signature

A multi-gigawatt pipeline across 4 regions.

Founded 2010, joint venture with bp PLC since 2017. Today we operate in 19 countries.

8.4GW

Pipeline

Operational + under construction

65+

Projects

Operating + construction-stage

19

Countries

4 operating regions

1,000+

Employees

Global team, 35+ nationalities

28Services grid Signature

services-grid (signature)

4-up service tiles with photo backgrounds, aubergine bottom scrim, and a magenta-orange corner-dot that scales on hover. The brand's preferred services-portfolio treatment.

29Regional operations map Signature

regions (signature)

4-region tile strip (Americas / Europe / APAC / MEA) with country-count + active-projects-count per region + map graphic. The brand's preferred way to show global scale.

Signature
Operating in 19 countries

A regionally-led, globally-coordinated operating model.

Project-level decisions are made in the country where the project sits — not at headquarters. London is group HQ. Denver leads Americas. Singapore leads APAC. Cairo leads Middle East.

Lightsource bp operating regions

Americas

4Countries
28Projects

Europe

9Countries
22Projects

APAC

4Countries
12Projects

Middle East

2Countries
3Projects
30Agrivoltaics band Signature

agrivoltaics-band (signature)

The dual-use-land editorial story (sheep grazing, pollinators, biodiversity). Distinctive to Lightsource bp — no other DS has this pattern. Magenta-orange gradient hairline above, photo + counter-balanced text card.

Signature
Pollinator meadow under solar panels Pollinator habitat · UK
Agrivoltaics

The land does double duty.

Native wildflower meadows beneath the panels. Sheep grazing between the rows. Pollinator counts up 200-400% within two years of planting. The land produces clean energy AND becomes more biodiverse.

340%

Pollinator uplift

28+

UK sites with sheep

31GW deployed counter Signature

gw-deployed-counter (signature)

Big numerical hero feature on aubergine background with magenta-orange gradient text-clip. The brand's "headline number" treatment.

Signature
Operational portfolio

The clean-power infrastructure we've put on the grid.

8.4

GW Operational + construction-stage
32Case study grid Signature

case-study-card (signature)

Project showcase grid with magenta-orange gradient case-tag, photo, MW capacity / commissioning year / off-take partner meta.

33Executive profile Signature

exec-profile (signature)

Replaces the canonical staff-profile with executive / regional-leader treatment — portrait with brand left-edge accent, name + role + bio + credentials chip-row.

Signature
Kareen Boutonnat

Chief Executive Officer

Kareen Boutonnat

Twenty years scaling renewable infrastructure across 30 countries. Joined Lightsource bp from Total Eren in 2024, where she had led the company since 2018 — overseeing its expansion to a 6+ GW operational portfolio across Africa, Latin America, and Asia.

Prior: Senior Director at IFC (World Bank Group), focused on emerging-market renewables project finance. INSEAD MBA. Fluent in five languages.

CEO Since 2024 Renewables · 20 YRS INSEAD MBA 5 LANGUAGES
34Partner testimonial Signature

partner-testimonial (signature)

Replaces canonical member-quote — off-taker / corporate-PPA / landowner pull-quote with attribution + project-meta (MW + off-take volume).

Signature
"
The integrated team made the difference. The PM who walked our greenfield site at year zero is the PM who handed me a six-year operational performance review last month. That continuity is rare in this industry.
Sarah Lin Energy Procurement Director · Fortune 100 manufacturer
125
MW PPA
15-yr
Term
35Partner with us Signature

partner-with-us (signature)

4-up tiles (Land Owner / Off-take Customer / Investor / Community Partner) — the brand's preferred audience-segmenter for the partner-with-us page.

36Impact quad Signature

impact-quad (signature)

4-up sustainability tile collage with editorial caption overlay — Lightsource bp's homepage-signature block. Replicates the live `GLB-Homepage-Sustainability-TL/TR/BL/BR` quad layout.

Signature

Sustainability is the business model.

Four pillars guide every project we develop: climate, biodiversity, communities, responsible sourcing.

37Cobrand lockup Signature

cobrand-lockup (signature)

Lightsource × bp parent-brand integration mark with the magenta-orange pulse-dot. Used in footer + hero callouts where the parent-brand reference is appropriate.

Signature
Lightsource bp × bp PLC group Lightsource bp · 50/50 JV
38News grid Signature

news-grid (signature)

Editorial articles row with bottom magenta-orange gradient accent strip. Used on news/insights pages and homepage news teaser blocks.

39CTA band · bp Pulse Signature

cta-band (signature)

Full-bleed magenta-orange gradient band with 1.2fr/1fr split (copy left, actions right). The signature CTA surface — the gradient is the brand's "Lightsource bp" cue.

Signature
Partner with us

Have a project? Let's build it together.

From greenfield site selection through 35-year asset management, our integrated teams handle every stage of a utility-scale solar or storage project.

40Process steps Signature

process-steps (signature)

Develop → Construct → Operate → Repower 4-step strip with circle-numbers and connecting hairline. The brand's preferred "how we work" walkthrough.

Signature

From greenfield to gigawatt, the same team.

Four stages, one accountable team, end-to-end.

1

Develop

Site selection, permitting, grid connection, PPA structuring.

2

Construct

Self-perform EPC. Same crew foundations through tie-in.

3

Operate

35-year O&M. 24/7 monitoring. In-house technicians.

4

Repower

End-of-life upgrades. Repower or restore the land.