+44 121 794 2030
Menu

Relyence Design System

Colour Palette

Primary Colours 10 - 0
#005983
#004463
#277396
#5491ac
#76a7bd
#92b9ca
#abc8d6
#c0d6e1
#d4e3ea
#e6eff3
#f7fafb
Secondary Colours 10 - 0
#0093d6
#004461
#0073a4
#0092d0
#32abde
#61bee6
#87cdec
#a7dbf1
#c3e6f5
#ddf1f9
#f4fafd
Greys 10 - 0
#252522
#364147
#656d72
#838a8e
#9ba1a4
#afb4b6
#c1c4c6
#d1d3d5
#dfe1e2
#edeeee
#f9f9fa

Spacing

Fonts & Spacing
We use Rems rather than PX which has been factored to 1/10th i.e .8 rems = 8px
.8 rem
1.6 rem
3.2 rem
6.4 rem
12.8 rem
25.6 rem
For borders & shadows use pixels

Typography

We use Rems rather than PX which has been factored to 1/10th i.e .8 rems = 8px

Heading Font - Montserrat

H1 - 2.6 rem - 4.8 rem, weight 600

H2 - 2.6 rem - 3.8 rem, weight 600

H3 - 2.6 - 3.6 rem, weight 600

H4 - 2.0 rem - 2.6 rem, weight 600

H5 - 1.8 rem - 2.2 rem, weight 600
H6 - 1.6 rem - 2.0 rem, weight 600
Text Font - Source Sans Pro
Text Size -  1.6 rem - 2.0 rem
Font Weight - 400 

Box Shadow & Border Radius

.boxshadow
.roundedcorners
Software to help you design reliable products, better processes and safer operating environments.

CONTACT US

+44 121 794 2030

Drag a button, link, or anything else into the icon box to place it below the text. Lorem ipsum dolor sit amet elit.

Info@relyence.co.uk

Drag a button, link, or anything else into the icon box to place it below the text. Lorem ipsum dolor sit amet elit.

9 Church Street
Wednesfield, WV11 1SR

Drag a button, link, or anything else into the icon box to place it below the text. Lorem ipsum dolor sit amet elit.

Copyright © 2024 RELYENCE UK LIMITED - ALL RIGHTS RESERVED | REGISTERED IN ENGLAND & WALES REG NO. 10275898
Privacy Policy
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram