Style book

Color palette

Click on a color to copy the hex color value

Primary
#1C2B58

Secondary
#D7288B

Highlight
#213BC6

Focus
#FFDD00

Dark
#000000

Light
#ffffff

Navy 80
#4B5576

Navy 60
#6E7691

Navy 8
#EDEEF5

Navy 4
#F5F6FC

Border
#D3D5E3

navy-80
#4B5576

navy-60
#798099

navy-40
#A5AABE

navy-20
#D3D5E3

navy-8
#EDEEF5

navy-4
#F5F6FC

magenta-80
#DE50A3

magenta-60
#E779BB

magenta-40
#EFAAD5

magenta-20
#FCD5EE

magenta-8
#FDECF7

Font families

System Font

Public Sans

Monospace

Font sizes

Size Body — Velit gravida aliquet conubiaMin - font-size: 16px
Max - font-size: 18px

Size Heading — Velit gravida aliquet conubiaMin - font-size: 20px
Max - font-size: 22px

Size Small — Velit gravida aliquet conubiafont-size: 16px

Size Medium — Velit gravida aliquet conubiafont-size: 19px

Size Large — Velit gravida aliquet conubiafont-size: 24px

Size Extra Large — Velit gravida aliquet conubiafont-size: 28px

Size Extra Small — Velit gravida aliquet conubiafont-size: 14px

Size Small — Velit gravida aliquet conubiafont-size: 16px

Size Medium — Velit gravida aliquet conubiafont-size: 19px

Size Large — Velit gravida aliquet conubiaMin - font-size: 19px
Max - font-size: 24px

Size Extra Large — Velit gravida aliquet conubiaMin - font-size: 24px
Max - font-size: 28px

Size Huge — Velit gravida aliquet conubiaMin - font-size: 28px
Max - font-size: 38px

Size Massive — Velit gravida aliquet conubiaMin - font-size: 38px
Max - font-size: 50px

Spacing

space-2xs — 0.25rem
space-xs — 0.5rem
space-sm — 1rem
space-md — 1.5rem
space-lg — 2rem
space-xl — 2.5rem
space-2xl — 3rem
space-3xl — 4rem
space-4xl — 5rem
space-5xl — 6rem
space-gutter — var(--wp--custom--spacing--md)

Lists

Ordered list item - Eiusmod eu mollit cillum.
Ordered list item - Deserunt pariatur ea ad enim pariatur non minim anim adipiscing ea laborum eu commodo deserunt id culpa ipsum laborum eu
Ordered list item - Voluptate cupidatat lorem, aliquip in.
Ordered list item - Non amet voluptate tempor nostrud sunt.

Unordered list item - Nisi veniam ex sint.
Unordered list item - Irure officia sed, quis lorem.
Unordered list item - Sed sed lorem culpa ullamco commodo consectetur cupidatat laboris commodo cupidatat sit mollit lorem et enim eiusmod deserunt et voluptate
Unordered list item - Veniam, exercitation enim amet id sit consequat consequat.

Cillum, consectetur nostrud nulla.

Buttons

Default buttons


					<button class="cfc-button">Ways to get involved</button>


					<button class="cfc-button cfc-button--navy">Ways to get involved</button>


					<button class="cfc-button cfc-button--secondary">Ways to get involved</button>


					<button class="cfc-button cfc-button--tag">Ways to get involved</button>


					<button class="cfc-button" disabled>Disabled button</button>

Pagination

Components

Cards

Guides summary card / Large

Guide

Align the board with climate goals

Enable good climate governance from the top down

Guide

Enforce and incentivise decarbonisation through contracts

Agree incentives for meeting climate obligations and set consequences for when they’re not met

Guide

Factor climate considerations into board decisions

Ensure the board makes decisions that support rather than undermine its transition plan

Guides summary card / Small

Guide

Align the board with climate goals

Enable good climate governance from the top down

Guide

Enforce and incentivise decarbonisation through contracts

Agree incentives for meeting climate obligations and set consequences for when they’re not met

Guide

Factor climate considerations into board decisions

Ensure the board makes decisions that support rather than undermine its transition plan

Clauses summary card / Large

Clara’s Guide & Checklist

A Beginner’s Guide and Checklist for Accessing Sustainability-Linked Loans (SLLs)

Clara's Guide & ChecklistThis guide and checklist can be used to introduce borrowers to, and encourage them to access, Sustainability-Linked Loans (SLLs).[Drafting note: Clara's Guide and Checklist should be…

Jurisdiction: England & Wales

Updated: 27 September 2021

Sarah’s Clause

Allocating Scope 1, 2 and 3 Emissions for Leased Assets

Sarah's ClauseThis clause allocates responsibility for measuring and reporting the scope 1, 2 and 3 emissions of leased assets between the Lessor and Lessee.[This clause is recommended as template…

Jurisdiction: England & Wales

Updated: 25 May 2023

Dorothy’s Clause

Alteration/ Improvement Provisions in Leases to Improve Climate/ Environmental Impact of Buildings and Better Use of Shared Space

Dorothy’s ClauseThis clause requires landlords to act reasonably when tenants propose alterations to their premises (and changes of use) or improvements to common areas, which have a positive climate…

Jurisdiction: USA

Updated: 19 September 2023

Clauses summary card / Small

Clara’s Guide & Checklist

A Beginner’s Guide and Checklist for Accessing Sustainability-Linked Loans (SLLs)

Jurisdiction: England & Wales

Updated: 27 September 2021

Sarah’s Clause

Allocating Scope 1, 2 and 3 Emissions for Leased Assets

Jurisdiction: England & Wales

Updated: 25 May 2023

Dorothy’s Clause

Alteration/ Improvement Provisions in Leases to Improve Climate/ Environmental Impact of Buildings and Better Use of Shared Space

Jurisdiction: USA

Updated: 19 September 2023

Glossary terms summary card / Large

1.5C Aligned

Updated: 22 December 2022

Definitions: 2

100% Renewable Energy and Renewable Energy Sources

Updated: 21 April 2023

Definitions: 2

Abatement Measures

Updated: 22 December 2022

Definitions: 1

Glossary terms summary card / Small

Glossary term

1.5C Aligned

Updated: 22 December 2022

Definitions: 2

Glossary term

100% Renewable Energy and Renewable Energy Sources

Updated: 21 April 2023

Definitions: 2

Glossary term

Abatement Measures

Updated: 22 December 2022

Definitions: 1

Case studies summary card / Large

Case study

Bates Wells

Acknowledging the climate emergency in a licence agreement to facilitate counterparties’ net zero goals

Case study

Buro Happold

Leading engineering and consulting firm Buro Happold uses standard terms and conditions to facilitate decarbonisation in the built environment sector

Case study

Cambridge University Press & Assessment

Requiring alignment of net zero targets through the value chain, supported with emissions reporting and reductions

Case studies summary card / Medium

Case study

Bates Wells

Acknowledging the climate emergency in a licence agreement to facilitate counterparties’ net zero goals

Case study

Buro Happold

Leading engineering and consulting firm Buro Happold uses standard terms and conditions to facilitate decarbonisation in the built environment sector

Case study

Cambridge University Press & Assessment

Requiring alignment of net zero targets through the value chain, supported with emissions reporting and reductions

Case studies summary card / Small

Bates Wells

Acknowledging the climate emergency in a licence agreement to facilitate counterparties’ net zero goals

Buro Happold

Leading engineering and consulting firm Buro Happold uses standard terms and conditions to facilitate decarbonisation in the built environment sector

Cambridge University Press & Assessment

Requiring alignment of net zero targets through the value chain, supported with emissions reporting and reductions

News summary card

Climate contract database

14 May 2024

TCLP's founder, Matt Gingell, has authored a white paper on how a climate contract database supports the implementation and effectiveness of climate contracting. These are our key takeaways.

Our 2023 Impact Report is finally here!

14 May 2024 – Organisational updates

In 2023 we evolved to better support you in achieving your decarbonisation goals and the report will take you on that journey with us.

Personio Foundation adds TCLP to its 2023 Impact Portfolio

14 May 2024 – Organisational updates

TCLP’s mission to add climate change solutions to every business contract around the world took a major step forward today, with the announcement of new support from Personio Foundation.