Pattern Library

Overview

Elements of styling that lay the foundations of our digital experiences

We’re professional, but approachable. We’re careful and considered, with a high tech twist. We’re a well-established enterprise, but our processes don’t pen us in. Our online presence, and the elements it encompasses, should reflect this.

Spacings

All spacings are multiples of 8.

8px

Flea

16px

Ant

24px

Mouse

32px

Gerbil

40px

Cat

48px

Fennec

56px

Dog

64px

Racoon

72px

Fox

80px

Horse

Typography

A highly crafted digital typeface. Here's how to size it.

Desktop > 720px

Mobile < 720px

Whale

Desktop > 720px

150

Mobile < 720px

72

Elephant

Desktop > 720px

100

Mobile < 720px

54

Rhino

Desktop > 720px

72

Mobile < 720px

40

Giraffe

Desktop > 720px

54

Mobile < 720px

32

Horse

Desktop > 720px

50

Mobile < 720px

25

Gorilla

Desktop > 720px

42

Mobile < 720px

22

Dog

Desktop > 720px

34

Mobile < 720px

18

Cat

Desktop > 720px

32

Mobile < 720px

16

Gerbil

Desktop > 720px

24

Mobile < 720px

16

Mouse

Desktop > 720px

24

Mobile < 720px

14

Ant

Desktop > 720px

18

Mobile < 720px

14

Flea

Desktop > 720px

14

Mobile < 720px

14

Values

Auto copy values on click of the colour picker icon.

Metal

Hex: #727272

RGB: 114/114/114

CMYK: 53/42/42/27

PAN: 7547 C

Concrete

Hex: #BFBFC0

RGB: 191/191/191

CMYK: 29/21/21/3

PAN: COOL GREY 4 C

Black

Hex: #000000

RGB: 0/0/0

CMYK: 0/0/0/100

PAN: PROCESS BLACK C

VVB Midnight

Hex: #001B34

RGB: 0/27/52

CMYK: 100/85/48/62

PAN: 7547 C

VVB Electric

Hex: #4DBBBBB

RGB: 77/187/187

CMYK: 65/0/31/0

PAN: 7472 C

VVB Blue

Hex: #184269

RGB: 24/66/105

CMYK: 96/72/33/22

PAN: 7694 C

Sunset

Hex: #4DBBBB

RGB: 227/86/106

CMYK: 4/78/43/0

PAN: 702 C

Horizon

Hex: #3468DD

RGB: 52/104/221

CMYK: 82/60/0/0

PAN: 7683 C

Electron

Hex: #98CB4A

RGB: 152/203/74

CMYK: 48/0/83/0

PAN: 367 C

Undertone

Hex: #F0D034

RGB: 240/208/52

CMYK: 9/15/85/0

PAN: 129 C

Buttons

How to use the colour palette to call the reader to action.

Components

The building blocks that make up our website. Use these to guide web page layouts.

Superhero

Infrastructure with Integrity

Combining Tier 1 strength with Tier 2 agility, VVB designs, delivers and maintains Mechanical, Electrical and Telecommunication services for Infrastructure Projects.

Watch our video

Sidekick

Rail

VVB provides end-to-end solutions across the Rail network. Our customer-centric design and best in class delivery have seen us deliver numerous major Rail infrastructure schemes. We're RISQS accredited for all Temporary and Permanent Mechanical, Electrical, Telecoms and Public Health installations.

Sidekick

Crossrail C335 and C360

VVB was engaged by Costain Skanska JV (CS JV) in an exclusive agreement to tender and ultimately deliver Temporary Electrical Works packages for two Crossrail intermediate shafts, including all associated Enabling Works.

Services

Design, Installation and maintenance

Project Value

£1m - £10 million

Sector

Tunnels and rail

Text and Logos

Clients

Who we work with

VVB empowers the creators of tomorrow’s infrastructure. We work collaboratively with end-users and Tier 1 contractors in Rail, Highways, Power and Tunnels, to design, deliver and maintain project excellence.

CTA Panel

How can we help?

Get in touch

Get in touch to discuss our services in more detail. We look forward to learning about your project.

Contact us

Logo Strip

Fully accredited

We self deliver quality

Wysiwyg

Channel tunnel rail link

This section of the Channel Tunnel Rail Link is the connection from section one in Kent, through to the London Portal. These twin bore, 8.15 metre by 4.7 metre tunnels were constructed by a joint venture between Costain, Skanska, and the French Contractor, Bachy Soletanche.

Carousel

Text and media - left media alignment

some alt text

Self-delivering for full accountability

Our approach to installation considers other project phases and third-party suppliers. This ensures your project is delivered on time and on budget.
  • Throughout installation, we’re validating the design, maintaining assets, and carrying out testing, to highlight any potential issues upfront, and minimise time spent in later project phases
  • We provide Temporary, Enabling and Permanent Works projects, saving the time and complexity spent managing multiple providers
  • We understand and appreciate other trades, and work flexibly with other parties, coordinating and managing multiple interfaces
  • We don’t subcontract, we fully self-deliver, meaning full control and full accountability.

Text and media - right media alignment

some alt text

Self-delivering for full accountability

Our approach to installation considers other project phases and third-party suppliers. This ensures your project is delivered on time and on budget.
  • Throughout installation, we’re validating the design, maintaining assets, and carrying out testing, to highlight any potential issues upfront, and minimise time spent in later project phases
  • We provide Temporary, Enabling and Permanent Works projects, saving the time and complexity spent managing multiple providers
  • We understand and appreciate other trades, and work flexibly with other parties, coordinating and managing multiple interfaces
  • We don’t subcontract, we fully self-deliver, meaning full control and full accountability.

Icon and Text

person-hard-hat

A properly effective, practical approach

An integrated design and build team ensures safety, compliance, buildability and value are considered early on, and delivered throughout the project lifecycle.

pencil-ruler

Best practice design

We coordinate and standardise design requirements, in line with GIRI best practice.

shield-tick

A proven track record in rail

VVB has designed, delivered and assured complex schemes for some of the most high profile Rail and Underground projects in the UK.

Tabs

Rail

Highways

Tunnels

Power

Rail

Sector

Our experience in the rail sector

VVB delivers end-to-end solutions across the entire railway network, from major stations to multi-disciplinary rail projects.

We have designed, delivered and assured complex schemes for some of the most high profile Rail and Underground projects in the UK.

From overground, to underground and light rail systems, we keep your project on track.
Read More

Highways

Sector

Our experience in the highways sector

There is heavy, unrelenting demand on the UK’s roads and motorways. Highways handle huge traffic volumes, over long and arduous design lives.

From flyovers to tunnels, we design, install, commission and maintain Mechanical, Electrical and Telecommunication services.

VVB designs with maintenance in mind, paving the way for project success, long after installation. We help keep the UK moving.
Read More

Tunnels

Sector

Our experience in the tunnels sector

VVB began life as a specialist in tunnel works and we have delivered some of the most high profile tunelling projects in the UK.

We provide HV/LV distribution, safety and emergency equipment, environmental monitoring, ventilation and dewatering, SCADA and control systems.

After 20 years’ of experience, our expertise is deeper than ever. Our wealth of experience and expertise ensures designed solutions reflect real life construction, while our turnkey approach assures the best outcome for the project.
Read More

Power

Sector

Our experience in the power sector

Increasing electricity demand and the drive towards renewables are reshaping the energy landscape across the UK.

Our work on the London Power Tunnels, which completed a year ahead of schedule, saw us receive the National Grid Innovation Award.

Whether you’re building an electrical superhighway or simply keeping the lights on, VVB has the skill and experience to support your project from design and pre-construction, through to handover, and subsequent maintenance.
Read More

People Tabs

Meet our team

some alt text

Joe
Bloggs

Job role

VVB takes a full lifecycle approach to projects, designing to optimise delivery and service life. We understand the realities of projects, are familiar with actual product features and availability, and design for the real world.
some alt text

John
Doe

Job role

VVB takes a full lifecycle approach to projects, designing to optimise delivery and service life. We understand the realities of projects, are familiar with actual product features and availability, and design for the real world.

Sign Post Tabs

Sectors

Deeply ingrained sector specialism

VVB has deep expertise and long-standing experience across Rail, Highways, Power, and Tunnels. Combining robust processes with specialist agility, we deliver infrastructure projects that keep the UK moving.

  • Rail
  • Highways
  • Tunnels
  • Power
Rail

Rail

VVB delivers end-to-end solutions across the entire railway network, from major stations to multi-disciplinary rail projects. From overground, to underground and light rail systems, we keep your project on track.
Read more left-arrow (1) copy 3 Created with Sketch.
Highways

Highways

There is heavy, unrelenting demand on the UK's roads and motorways. Highways handle huge traffic volumes, over long and arduous design lives. VVB designs with maintenance in mind, paving the way for project success, long after installation.
Read more left-arrow (1) copy 3 Created with Sketch.
Tunnels

Tunnels

There are unique challenges to be overcome in Tunnel construction. VVB began life as a specialist in tunnel works, and after two decades of experience, our expertise goes deeper than ever.
Read more left-arrow (1) copy 3 Created with Sketch.
Power

Power

Increasing electricity demand and the drive towards renewables are reshaping the energy landscape across the UK. VVB provides state-of-the-art Mechanical, Electrical and Telecommunications engineering, to empower energy projects, from design through to maintenance.
Read more left-arrow (1) copy 3 Created with Sketch.

Quote

quoteCreated with Sketch.

Proactively caring for people. Our vision is to provide a safe, respectful and inclusive environment for all our stakeholders.

John Doe

Featured Posts

Core Values

CORE
Values

At VVB, our CORE values shape our behaviour and are apparent in everything we do. Not only are these values central to the entire VVB ethos, each letter represents a pillar of our company vision.

  • C
  • O
  • R
  • E
C
hands-heart

Care

Proactively caring for people. Our vision is to provide a safe, respectful and inclusive environment for all our stakeholders.

cogs

Collaboration

Working together for the benefit of all. Our highly skilled, diverse workforce are experts in their fields, and collaboratively deliver value.

O
graduation-cap

Opportunity

Providing consistent opportunity. For our own people, and for the next generation through our Emerging Talent programmes.

book

Ownership

Empowering our people to deliver. VVB team members take ownership of their own career development. They're accountable for and considerate of their actions.

R
award

Responsibility

Taking responsibility for our impact. We build infrastructure to improve the environment, aiming to go beyond minimising negative impact, to creating environmental benefit.

hands-together

Respect

Everyone matters. We respect the communities in which we work, adding social value wherever possible by tailoring strategies around local socio-economic needs.

E
sparkles

Excellence

Exceeding our promises by 'getting it right'. We create innovative solutions and drive industry improvements, based on a deep understanding of client needs and latest best practice.

bullseye

End result focus

Achieving the best outcome for all parties. We strive to deliver sustainable, innovative projects which are resilient and future-proof to changing demands.