GBE-N Design System

Colour Palette

Primary

Energy Blue --gben-color-energy-blue
#003479
British Blue --gben-color-british-blue
#3A76FF

Accents

Sand --gben-color-sand
#FFF5DF
Mulberry --gben-color-mulberry
#7D0043
Dandelion --gben-color-dandelion
#FF9200
Berry --gben-color-berry
#E7363A

Neutrals

White --gben-color-white
#FFFFFF
Off-white #F5F5F5
#F5F5F5
Text --gben-color-text
#1A1A1A

Energy Blue Shades (Footer)

Shade 7 — Primary Energy Blue #003479
Shade 6 — Lighter footer #002A61
Shade 5 — Medium footer #002049
Shade 4 — Footer logo zone #00122A
Shade 3 — Footer socials zone #000A18
Shade 1 — Footer links zone (near-black) #00050B

Typography Scale

<h1> — 64px / 700

Heading Level One

<h2> — 48px / 700

Heading Level Two

<h3> — 36px / 700

Heading Level Three

.p1-body — 20px / 400

Body text large — used for introductions and lead paragraphs. Helvetica Neue at 20px with regular weight.

.p2-body — 16px / 400

Body text standard — used for general content and descriptions. Helvetica Neue at 16px with regular weight.

.small-text — 14px / 400

Small text — used for captions, footnotes, and supporting information. Helvetica Neue at 14px.

Background Sections

.bg-energy-blue

Energy Blue background with white text. Used for key content sections.

.bg-sand

Sand background with dark text. Used for warm, inviting sections.

.bg-mulberry

Mulberry background with white text. Used for accent sections.

.section--gov-blue

British Blue tint background. Used for governance and informational sections.

Grid System

12-column CSS Grid with ~1080px max-width container. Classes: .container, .grid, .col-1 through .col-12.

12 x col-1

1
2
3
4
5
6
7
8
9
10
11
12

4 x col-3

col-3
col-3
col-3
col-3

3 x col-4

col-4
col-4
col-4

2 x col-6

col-6
col-6

1 x col-12

col-12

Border Radius

10px (desktop)
6px (mobile)
0px (none)

--gben-radius-desktop: 10px · --gben-radius-mobile: 6px

Form Elements

Submit

Accordion — Approach Section

Our sites

We are working to identify and develop suitable sites for SMR deployment across the UK, ensuring they meet all safety, environmental and community requirements.

Environmental responsibility

Environmental stewardship is at the heart of our programme. We are committed to minimising environmental impact during construction and operation, and to supporting biodiversity and local ecosystems.

Value for money and assurance

We apply rigorous assurance processes to demonstrate value for money at every stage. Our commercial approach is designed to protect the public interest while enabling efficient delivery.

Social value and community

We are committed to generating lasting social value for communities near our sites, through job creation, skills development, local investment and meaningful engagement.