Design System Test Page

Connecticut Green Bank

Fluid typography, brand colors, and spacing — all set via Bricks theme style and CSS variables. Resize your browser to see the type scale respond gracefully across breakpoints.

Typography Scale

H1 — text-3xl — clamp(3.6rem → 6.4rem)

Confronting Climate Change

H2 — text-2xl — clamp(3.0rem → 4.8rem)

Green Solutions for Connecticut

H3 — text-xl — clamp(2.4rem → 3.6rem)

Home, Building & Investment Solutions

H4 — text-lg — clamp(2.0rem → 2.8rem)

Smart-E Loan Program

H5 — text-md — clamp(1.8rem → 2.2rem)

Energy Efficiency Upgrades

H6 — text-sm — clamp(1.4rem → 1.6rem) — uppercase

Section Label / Eyebrow

Body — text-base — clamp(1.6rem → 1.8rem)

Connecticut Green Bank is the nation's first green bank. Our mission is to confront climate change by increasing and accelerating investment into Connecticut's green economy to create more resilient, healthier, and equitable communities. Established in 2011 as a quasi-public agency, the Green Bank uses limited public dollars to attract private capital investment and offers green solutions that help people, businesses and all of Connecticut thrive.

Lead / Intro — text-md — clamp(1.8rem → 2.2rem)

Guiding this mission is our vision for a planet protected by the love of humanity. We leverage limited public resources to scale up and mobilize private capital investment in Connecticut's green economy.

Link style

Brand Color Palette

Spacing Scale

Typical Content Section

Our Mission

A Planet Protected by the Love of Humanity

Connecticut Green Bank is the nation's first green bank. We confront climate change by increasing and accelerating investment into Connecticut's green economy.

Dark Background — Type on Dark

Green Solutions for a Resilient Connecticut

The Green Bank uses limited public dollars to attract private capital investment and offers green solutions that help people, businesses and all of Connecticut thrive.