Welcome to the Control Panel!

This UI Kit is based off the Generic SaaS Template, so making changes to the styles should be familiar to you. If you have not used the Generic SaaS Template before, the section below has some tutorials which will help you get in the swing of things quickly!

Editing Fonts

Watch the video below to learn how to edit fonts used in this template, and to understand how edits will affect your style guide.

Editing Section Spacing

Watch the video below to learn how to edit the spacing of all sections throughout the website.

Click this link in preview mode to view the full playlist of tutorials!

Color Scheme

Use this section to edit sitewide colors. Ensure you save the swatch every time you make an edit.

Body

The background color. Typically black, white, or gray.

CTA

The "brand" color of the site. Will be on anything needing to pop.

CTA Text

This will be on the text of all elements with the "CTA" color.

Text

All text that goes on the "Body" color will be using this swatch.

Shadow

Elements with a shadow will use this swatch. Can be transparent.

Box Borders

All boxes/anything needing slight emphasis will use this swatch.

Input Borders

Form inputs will use this swatch on their default or placeholder state.

Text Styles

Use this section to edit text sizes. If your project is using global styles, simply remove the classes from the elements. To edit the fonts, please edit the global style "Body (All Pages)".

Subheader 1
Subheader 2 (CTA Color)

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Paragraph lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Button Styles

Use this section to edit button size, radius, and padding. To edit fonts and colors, please edit globally!

Spacers

Use this section to resize sitewide spacers.

Border Radius

Below this paragraph you will see some tiny web elements. This is a collection of elements with a border-radius applied, which you can use to update radius values across the site. To view & edit these elements, simply hover over the section.  
Note: Buttons and nav dropdowns are not included in this section, so please ensure those are updated too.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Perfect feature

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Learn more

Great feature 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Learn more

$8 per month

Feature label goes here
Feature label goes here
Feature label goes here
Feature label goes here
Feature label goes here
Feature label goes here
Feature label goes here
Feature label goes here
Choose plan ($8)
Demo

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Free
Forever!
Get Started
Starter

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

$14.99
/mo billed annualy
Professional

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

$24.99
/mo billed annualy
Get Started
Agency

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

$34.99
/mo billed annualy
Get Started
Demo

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Free
Forever!
Get Started
Starter

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

$14.99
/mo billed annualy
Professional

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

$24.99
/mo billed annualy
Get Started
Agency

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

$34.99
/mo billed annualy
Get Started
Demo

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Free
Forever!
Get Started
Starter

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

$14.99
/mo billed annualy
Professional

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

$24.99
/mo billed annualy
Get Started
Agency

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

$34.99
/mo billed annualy
Get Started
What's 9 + 10?

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere. 21

Industry
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

END OF SECTION

Hero (Simple)
Subheader

Generic SaaS Template!

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

Get started
Hero (Large Image)
Subheader

Generic SaaS Template!

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

Get started
Hero (With Email Form)
Sustainability and Innovation

Workshops and consulting.

I help your company innovate and unlock the opportunity in your products and services, and for sustainability and the Circular Economy. By combining Design Sprint Workshops, with business transformation and circularity expertise.

No credit card required!
Welcome Hero

Welcome back, friend! 👋

Logo Section (Infinite Scroll)
Logo Section (Standard)
As seen in
Logo Section (Large Grid)

Check out our amazing clients!

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Content Section (Simple Text On Left)
Your pathway to Science Based Targets success

SBTGuide for SMEs: Transform Your Carbon Footprint

SBTGuide for SMEs is your strategic partner in transforming sustainability goals into recognized achievements. This tool is for SMEs mapping their route through the SBTi's SME path. It's about more than navigating paperwork; it's about accurately measuring emissions, setting science-based targets, and securing SBTi approval. With SBTGuide for SMEs, it's easier not just to meet expectations but to exceed them, turning ambitious environmental commitments into validated, actionable success.

Content Section (Simple Text On Right)
Master the SBTi and GHG Protocol Standards

SBTPro for Industry: Navigate with Authority

In the complex world of corporate sustainability, understanding and implementing the SBTi and GHG Protocol standards is crucial. SBTPro for Industry is engineered to guide large companies through these intricate requirements with expert precision. It's an essential tool that offers a strategic pathway to not just meet but excel in global sustainability benchmarks, ensuring your environmental initiatives are as impactful as they are innovative.

Content Section (Auto Rotating Tabs)

Smart Sustainability: Streamlined, Personalized, Empowering

Your On-Demand Sustainability Guide

ChatSBT is your immediate, expert sustainability guide, demystifying complex standards with ease. It's the expertise you need, on-demand, to confidently navigate and lead in your sustainability efforts.

Get started

Quick Insights, Lasting Impact

Maximize your time with ChatSBT's swift, targeted insights. Our AI-driven platform cuts through the complexity, providing you with actionable information that fosters impactful, enduring eco-friendly initiatives.

Ask your first question

Personalized Support, Whatever Your Journey

ChatSBT molds to your sustainability journey, delivering bespoke support when you need it. Progress through emissions knowledge and strategy development at your speed, ensuring a personalized learning and action experience.

Find the tool for you
Content Section (Cards)

We have some awesome features

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Great feature 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Learn more

Great feature 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Learn more

Great feature 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Learn more
Content Section (Feature Grid)

We have some features that we think you would fall in love with!

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

Get started

Feature

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Learn more

Feature

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Learn more

Feature

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Learn more

Feature

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Learn more
Content Section (Mobile Display)

We have some features that we think you would fall in love with!

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

App benefit

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Learn more

App feature

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Learn more

App benefit

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Learn more

App feature

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Learn more
Content Section (Computer Display)

Welcome to our awesome product.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

Get started
Accordion Section (Below Text)

FAQs

How does ChatSBT simplify the SBTi process?

ChatSBT leverages generative AI to interpret and apply SBTi standards, making it easier to navigate carbon emissions accounting and reduction target setting.

Can ChatSBT assist with specific queries related to the GHG Protocol?

Absolutely. ChatSBT is programmed to understand and providedetailed guidance based on the GHG Protocol, tailored to your specificquestions.

Does ChatSBT replace the need for Sustainability Managers, TeamMembers, or Consultants?

Absolutely not, ChatSBT is simply there to make it easier tonavigate the masses of paperwork. You still need to use the teams expertise to generateimprovement ideas, implement change, and confirm the ChatSBT’s responses.ChatSBT simply gives you more time to do the important things like drivingchange.

Does ChatSBT replace the need for Sustainability Managers, TeamMembers, or Consultants?

Absolutely not, ChatSBT is simply there to make it easier tonavigate the masses of paperwork. You still need to use the teams expertise to generateimprovement ideas, implement change, and confirm the ChatSBT’s responses.ChatSBT simply gives you more time to do the important things like drivingchange.

Is ChatSBT suitable for both SMEs and large corporations?

Yes, ChatSBT is designed to cater to businesses of allsizes, offering scalable solutions for sustainability and circularity issues.

How does ChatSBT ensure up-to-date compliance with evolving sustainability standards?

ChatSBT is constantly updated with the latest information and standards in sustainability, ensuring your business stays compliant and informed.

Can non-experts use ChatSBT effectively for sustainability planning?

Definitely. ChatSBT's intuitive chat interface allows anyone, regardless of their expertise level, to access complex sustainability information in a simplified manner.

How does ChatSBT contribute to a company's overall sustainability strategy?

By providing accurate, AI-driven insights and recommendations, ChatSBT helps people find the important information to support their sustainability goals.

Does ChatSBT offer industry-specific guidance?

Your industry's sustainability landscape has its own terrain, and you need tools designed for that journey. If our general models don't quite fit the bill, let's talk. If there's enough demand, we're fully on board to map out and create a ChatSBT that's custom-crafted for your field. Your voice could lead to a solution that's as niche and knowledgeable as you need it to be.

What makes ChatSBT unique compared to other sustainability tools?

ChatSBT's unique blend of AI-powered analysis, naturallanguage processing, and expert-authored content offers a more interactive and intuative was to approach sustainability standards.

Why is there a fee for using ChatSBT tools?

While we're passionate about making sustainability accessible for everyone, there are costs associated with running advanced AI systems like ChatSBT. Your subscription not only supports the ongoing development and operation of these tools but also reflects a shared commitment to advancing our sustainability goals. We're grateful for your support, which enables continuous improvement and wider accessibility.

What if ChatSBT gives me incorrect information?

Even the most advanced AI isn't infallible, and ChatSBT is no exception. If the tool ever skips a beat and provides information that doesn't quite add up, we want to hear about it. Reach out, and we’ll polish and tweak the algorithms. Your insights are invaluable to our growth. Just a note: while ChatSBT is a smart cookie, always double-check the details. It's the savvy way to go with any AI-generated content.

I've heard that using generative AI technology has a significant carbon footprint. Is that true for ChatSBT?

While it's true that generative AI tech like ChatSBT requires more energy per query than simply browsing the web, it's important to put this into context. Our AI's power consumption per request is relatively low, especially compared to the energy draw of typical desktops or high-end AI servers. More importantly, ChatSBT offers rapid and precise insights, which means you spend less time—and therefore less electricity—searching for information the old-fashioned way.

Looking at the bigger picture, we're in a race to innovate our way through the climate crisis. If technologies like ours can accelerate the adoption and implementation of sustainability measures, then we believe the trade-off is worthwhile. The goal is to make every joule count towards a greener future, and ChatSBT is here to push that envelope.

Can I have a private version of ChatSBT for my company's data?

Your data is a goldmine of potential, and you might need a tool that digs into that wealth securely and privately. We're here for that. Get in touch at hello@chatsbt.com, and we'll blueprint a version of ChatSBT that's as unique as your data. We'll work together to ensure it fits your privacy needs like a glove while delivering the personalized insights you require.

Accordion Section (Beside Text)

Have a question? Get an answer!

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

Contact Us
What's 9 + 10?

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere. 21

What's 9 + 10?

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere. 21

What's 9 + 10?

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere. 21

What's 9 + 10?

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere. 21

What's 9 + 10?

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere. 21

What's 9 + 10?

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere. 21

Accordion Section (Grid)

Introducing a little of my background and motivations

A Realistic Yet Optimistic Approach

The climate crisis presents undeniable challenges, but I view our current situation with cautious optimism. Technological advancements, especially in AI, open new avenues for innovation and efficiency.

My consultancy services focus on helping organizations understand their emissions footprint, achieve SBTi compliance, and I provide accesible AI tools like ChatSBT to help make understanding and impllementing these improvements easier.

The AI tools are designed (utilizing the new capaibilites made available through gernerative AI!) to deepen understanding and facilitate action in the journey to et zero, both within organizations and their wider networks.

Rising Global Mandate for GHG and SBTi Compliance

Compliance with GHG Protocol and SBTi standards is increasingly becoming a global mandate. This is evident in the commitment by significant retailers and businesses in the EU and UK to the Science Based Targets initiative. Additionally, the emerging European Sustainability Reporting Standards (ESRS), particularly in carbon accounting (ESRS E1), underscore the need for adherence to these protocols.

Purpose of ChatSBT

The creation of ChatSBT is a response to a clear need: assisting the organizations I work with, and those in my network, in setting and meeting their Science Based Targets.

The goal is to make Science Based Targets easier and more accesible to more companies.

I beleive that comprehensive understanding and accurate measurement, as guided by the GHG Protocol and validated by the SBTi, are essential for ensuring we target the most impactful areas for emission reduction. Only when we are focusing on the right areas (not just those areas that are easy to see) can we set a strong foundation for genuinely acheiving Net Zero.

Explore Sustainable Solutions Together

If you're navigating the complexities of sustainability and interested in how I can support or in how AI can support your goals, I’m here to help.

Contact me to see how the Chat Science Based Targets approach can be part of your tool kit, or to discuss any sustainability challenges you're aiming to tackle.

Pricing Table (Large Tabs)

Fair pricing for any budget

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

$8 per month

Feature label goes here
Feature label goes here
Feature label goes here
Feature label goes here
Feature label goes here
Feature label goes here
Feature label goes here
Feature label goes here
Choose plan ($8)

$80 per month

Feature label goes here
Feature label goes here
Feature label goes here
Feature label goes here
Feature label goes here
Feature label goes here
Feature label goes here
Feature label goes here
Choose plan ($80)

$800 per month

Feature label goes here
Feature label goes here
Feature label goes here
Feature label goes here
Feature label goes here
Feature label goes here
Feature label goes here
Feature label goes here
Choose plan ($800)
Pricing Table (Complex)

Fair pricing for any budget

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Demo

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Free
Forever!
Get Started
Starter

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

$14.99
/mo billed annualy
Get Started
Professional

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

$24.99
/mo billed annualy
Get Started
Agency

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

$34.99
/mo billed annualy
Get Started
Demo

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Free
Forever!
Get Started
Starter

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

$14.99
/mo billed annualy
Get Started
Professional

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

$24.99
/mo billed annualy
Get Started
Agency

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

$34.99
/mo billed annualy
Get Started
Demo

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Free
Forever!
Get Started
Starter

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

$14.99
/mo billed annualy
Get Started
Professional

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

$24.99
/mo billed annualy
Get Started
Agency

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

$34.99
/mo billed annualy
Get Started
Pricing Table (Standard)

Fair pricing for any budget

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Demo

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Feature label goes here
Feature label goes here
Feature label goes here
Feature label goes here
Free
Forever!
Get Started
Standard

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Feature label goes here
Feature label goes here
Feature label goes here
Feature label goes here
$79
/mo billed monthly
Get Started
Expert

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Feature label goes here
Feature label goes here
Feature label goes here
Feature label goes here
$189
/mo billed monthly
Get Started
Demo

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Feature label goes here
Feature label goes here
Feature label goes here
Feature label goes here
Free
Forever!
Get Started
Standard

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Feature label goes here
Feature label goes here
Feature label goes here
Feature label goes here
$59
/mo billed annualy
Get Started
Expert

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Feature label goes here
Feature label goes here
Feature label goes here
Feature label goes here
$159
/mo billed annualy
Get Started
Pricing Table (Feature Breakdown)

Get the plan that works for you.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Demo
$149/mo
Standard
$199/mo
Expert
$399/mo
Feature of your product
Feature of your product
Feature of your product
Feature of your product
Feature of your product
Feature of your product
Pricing Table (2 Options)
Feature Comparison

We're better than all our competition

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Option
Option
Option
Something you want
Something you want
Something you want
Something you want
Something you want
Something you want
Something you want
Something you want
Contact Form (Standard)

Have questions? Get in touch.

Or send an email!
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Contact Form (With Location)
Industry
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Have a question for us?

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

Footer 1 (Standard)
Footer 2 (Landing Page)
Upgrade Modal (Simple)

Modals

To make these lightbox elements easier to work with, we've added some CSS to the Global Site Header which changes the default styling to display:none, and positioned:fixed. As a result, the modal elements are default visible in the designer and default hidden on the published site.

Feature
Upgrade Modal (With Pricing Table)

Modals

To make these lightbox elements easier to work with, we've added some CSS to the Global Site Header which changes the default styling to display:none, and positioned:fixed. As a result, the modal elements are default visible in the designer and default hidden on the published site.

Feature
Upgrade Modal (Testimonial)

Modals

To make these lightbox elements easier to work with, we've added some CSS to the Global Site Header which changes the default styling to display:none, and positioned:fixed. As a result, the modal elements are default visible in the designer and default hidden on the published site.

Feature
Yay! It worked
This is a success message.
Uh oh, something went wrong
This is an error message.