B2i TECHNOLOGIES

Style Guide

No styling applied to modules unless it is a one off like the home page hero text which currently is set to
ctm_hero_sec >text-block font 28px
ctm-video-hover-text line-height line-height: 1.8em;margin-left:10px

 

All h Tags

h1, h2, h3, h4, h5, h6:
font-family Manrope, Helvetica, Arial, Lucida, sans-serif, line-height:normal, color:#478ccb

sample: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Add class=”black” to change the default heading color

Sample: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

h2: font-size: 33px, letter-spacing: -0.02em, font-weight: 800;}

Sample: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

module class=”callout” h2: font-size: 40px, font-weight: 600, letter-spacing: -0.02em, color:#478ccb

Sample: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

h3: font-size: 30px, font-weight: 600

Sample: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

h3 class=”black”: font-size: 30px, font-weight: 600, color:#141414;}

Sample: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

body: font-family Manrope, Helvetica, Arial, Lucida, sans-serif, font-size 19px, color:#141414;line-height:1.7 Sample: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Section /  Row or  Module class callout styles text: font-size: 23px, line-height:1.7
Sample: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

buttons

white button on dark background.