[spb_row element_name="Intro" wrap_type="full-width-contained" row_bg_type="color" row_bg_color="#6633ff" color_row_height="content-height" bg_type="cover" parallax_image_height="content-height" parallax_image_movement="fixed" parallax_image_speed="standard" bg_video_loop="yes" parallax_video_height="window-height" row_id="intro" row_name="intro" row_top_style="none" row_bottom_style="slant-ltr" parallax_video_overlay="none" row_overlay_opacity="0" remove_element_spacing="no" row_col_spacing="0" row_col_pos="center" row_col_content_pos="center" row_col_equal_heights="no" row_expanding="no" row_animation="none" row_animation_delay="0" minimize_row="no" simplified_controls="no" custom_css_percentage="no" custom_css="margin-top: 0px;margin-bottom: 0px;padding-top: 50px;" border_styling_global="default" el_class="yellow_after" width="1/1" el_position="first last"] [spb_text_block animation="none" animation_delay="0" simplified_controls="yes" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;" border_size="0" border_styling_global="default" el_class="s1 white-text" width="1/1" el_position="first last"]

Design System

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="yes" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;" border_size="0" border_styling_global="default" el_class="s10 white-text" width="1/1" el_position="first last"]

A set of shared styles, components and patterns
that let teams design with precision.

[/spb_text_block] [/spb_row] [spb_row element_name="Contents" wrap_type="full-width-contained" row_bg_type="color" color_row_height="content-height" bg_type="cover" parallax_image_height="content-height" parallax_image_movement="fixed" parallax_image_speed="standard" bg_video_loop="yes" parallax_video_height="window-height" row_id="Contents" row_name="Contents" row_top_style="none" row_bottom_style="none" parallax_video_overlay="none" row_overlay_opacity="0" remove_element_spacing="no" row_col_spacing="0" row_col_pos="center" row_col_content_pos="top" row_col_equal_heights="no" row_expanding="no" row_animation="none" row_animation_delay="0" minimize_row="yes" simplified_controls="no" custom_css_percentage="no" custom_css="margin-top: 0px;margin-bottom: 0px;padding-top: 60px;padding-bottom: 60px;" border_styling_global="default" el_class="yellow_before" width="1/1" el_position="first last"] [spb_text_block animation="none" animation_delay="0" simplified_controls="yes" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;" border_size="0" border_styling_global="default" el_class="sprefix" width="1/1" el_position="first last"]

Sections

[/spb_text_block] [spb_divider type="thin" text="Go to top" top_margin="0px" bottom_margin="60px" fullwidth="no" width="1/1" el_position="first last"] [spb_column col_animation="none" col_animation_delay="0" col_bg_type="cover" col_parallax_image_movement="fixed" col_parallax_image_speed="0.5" col_padding="0" col_vertical_offset="0" col_horizontal_offset="0" col_custom_zindex="0" col_sm="6" simplified_controls="no" custom_css_percentage="no" padding_vertical="400" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-right: 60px;" border_styling_global="default" width="1/2" el_position="first"] [spb_text_block animation="none" animation_delay="0" simplified_controls="yes" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;" border_size="0" border_styling_global="default" width="2/3" el_position="first"]

01Brand Identity

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="yes" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;" border_size="0" border_styling_global="default" el_class="small-detail light-grey" width="1/3" el_position="last"]

Proin sed accumsan leo. Nulla turpis enim, ornare id orci vel, facilisis sodales

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="yes" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;" border_size="0" border_styling_global="default" width="2/3" el_position="first"]

01Our Values

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="yes" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;" border_size="0" border_styling_global="default" el_class="small-detail light-grey" width="1/3" el_position="last"]

Proin sed accumsan leo. Nulla turpis enim, ornare id orci vel, facilisis sodales

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="yes" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;" border_size="0" border_styling_global="default" width="2/3" el_position="first"]

02Logo

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="yes" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;" border_size="0" border_styling_global="default" el_class="small-detail light-grey" width="1/3" el_position="last"]

Proin sed accumsan leo. Nulla turpis enim, ornare id orci vel, facilisis sodales

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="yes" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;" border_size="0" border_styling_global="default" width="2/3" el_position="first"]

03Fonts

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="yes" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;" border_size="0" border_styling_global="default" el_class="small-detail light-grey" width="1/3" el_position="last"]

Proin sed accumsan leo. Nulla turpis enim, ornare id orci vel, facilisis sodales magna.

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="yes" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;" border_size="0" border_styling_global="default" width="2/3" el_position="first"]

04Typography

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="yes" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;" border_size="0" border_styling_global="default" el_class="small-detail light-grey" width="1/3" el_position="last"]

Proin sed accumsan leo. Nulla turpis enim, ornare id orci vel, facilisis sodales magna.

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="yes" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;" border_size="0" border_styling_global="default" width="2/3" el_position="first"]

05Buttons & Links

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="yes" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;" border_size="0" border_styling_global="default" el_class="small-detail light-grey" width="1/3" el_position="last"]

Proin sed accumsan leo. Nulla turpis enim, ornare id orci vel, facilisis sodales magna.

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="yes" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;" border_size="0" border_styling_global="default" width="2/3" el_position="first"]

06Colours

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="yes" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;" border_size="0" border_styling_global="default" el_class="small-detail light-grey" width="1/3" el_position="last"]

Proin sed accumsan leo. Nulla turpis enim, ornare id orci vel, facilisis sodales magna.

[/spb_text_block] [/spb_column] [spb_column col_animation="none" col_animation_delay="0" col_bg_type="cover" col_parallax_image_movement="fixed" col_parallax_image_speed="0.5" col_padding="0" col_vertical_offset="0" col_horizontal_offset="0" col_custom_zindex="0" col_sm="6" simplified_controls="no" custom_css_percentage="no" padding_vertical="400" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-right: 60px;" border_styling_global="default" width="1/2" el_position="last"] [spb_text_block animation="none" animation_delay="0" simplified_controls="yes" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;" border_size="0" border_styling_global="default" width="2/3" el_position="first"]

07Iconography

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="yes" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;" border_size="0" border_styling_global="default" el_class="small-detail light-grey" width="1/3" el_position="last"]

Proin sed accumsan leo. Nulla turpis enim, ornare id orci vel, facilisis sodales magna.

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="yes" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;" border_size="0" border_styling_global="default" width="2/3" el_position="first"]

07Forms & Inputs

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="yes" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;" border_size="0" border_styling_global="default" el_class="small-detail light-grey" width="1/3" el_position="last"]

Proin sed accumsan leo. Nulla turpis enim, ornare id orci vel, facilisis sodales magna.

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="yes" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;" border_size="0" border_styling_global="default" width="2/3" el_position="first"]

08Content Cards

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="yes" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;" border_size="0" border_styling_global="default" el_class="small-detail light-grey" width="1/3" el_position="last"]

Proin sed accumsan leo. Nulla turpis enim, ornare id orci vel, facilisis sodales magna.

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="yes" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;" border_size="0" border_styling_global="default" width="2/3" el_position="first"]

09Carousels

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="yes" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;" border_size="0" border_styling_global="default" el_class="small-detail light-grey" width="1/3" el_position="last"]

Proin sed accumsan leo. Nulla turpis enim, ornare id orci vel, facilisis sodales magna.

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="yes" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;" border_size="0" border_styling_global="default" width="2/3" el_position="first"]

10Presentations

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="yes" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;" border_size="0" border_styling_global="default" el_class="small-detail light-grey" width="1/3" el_position="last"]

Proin sed accumsan leo. Nulla turpis enim, ornare id orci vel, facilisis sodales magna.

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="yes" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;" border_size="0" border_styling_global="default" width="2/3" el_position="first"]

10Imagery

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="yes" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;" border_size="0" border_styling_global="default" el_class="small-detail light-grey" width="1/3" el_position="last"]

Proin sed accumsan leo. Nulla turpis enim, ornare id orci vel, facilisis sodales magna.

[/spb_text_block] [/spb_column] [/spb_row] [spb_row element_name="Brand Identity" wrap_type="full-width-contained" row_bg_type="color" row_bg_color="#ead100" color_row_height="content-height" bg_type="cover" parallax_image_height="content-height" parallax_image_movement="fixed" parallax_image_speed="standard" bg_video_loop="yes" parallax_video_height="window-height" row_id="Brand_Identity" row_name="Brand_Identity" row_top_style="slant-ltr" row_bottom_style="none" parallax_video_overlay="none" row_overlay_opacity="0" remove_element_spacing="no" row_col_spacing="0" row_col_pos="top" row_col_equal_heights="no" row_expanding="no" row_animation="none" row_animation_delay="0" minimize_row="yes" simplified_controls="no" custom_css_percentage="no" custom_css="margin-top: 0px;margin-bottom: 0px;padding-top: 50px;padding-bottom: 100px;" border_styling_global="default" width="1/1" el_position="first last"] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;" border_size="0" border_styling_global="default" el_class="s1 white-text" width="1/1" el_position="first last"]

Brand Identity

[/spb_text_block] [spb_blank_spacer height="30px" width="1/4" el_position="first"] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-bottom: 30px;" border_size="0" border_styling_global="default" el_class="quote white-text" width="1/2" el_position="last"]

Sapient i7 is made of real people for real people. We're fast-moving company with a curious and nimble mind that's always learning. We enjoy what we do, thrive in collaboration and have fun at work. We can make bold decisions and harness our entrepreneurial spirit to deliver the best results possible with confidence.

[/spb_text_block] [spb_raw_html width="1/1" el_position="first last"]JTNDY2VudGVyJTNFJTNDYSUyMGNsYXNzJTNEJTIybGlua19saWdodCUyMiUyMGhyZWYlM0QlMjIlMjMlMjIlM0VMaW5rJTIwU3R5bGUlMjBEYXJrJTNDJTJGYSUzRSUyMCUzQ2ElMjBjbGFzcyUzRCUyMmxpbmtfbGlnaHQlMjIlMjBocmVmJTNEJTIyJTIzJTIyJTNFTGluayUyMFN0eWxlJTIwRGFyayUzQyUyRmElM0UlM0MlMkZjZW50ZXIlM0U=[/spb_raw_html] [/spb_row] [spb_row element_name="Our Values" wrap_type="full-width-contained" row_bg_type="color" row_bg_color="#6633ff" color_row_height="content-height" bg_type="cover" parallax_image_height="content-height" parallax_image_movement="fixed" parallax_image_speed="standard" bg_video_loop="yes" parallax_video_height="window-height" row_id="our-values" row_name="our-values" row_top_style="none" row_bottom_style="none" parallax_video_overlay="none" row_overlay_opacity="0" remove_element_spacing="no" row_col_spacing="0" row_col_pos="default" row_col_equal_heights="yes" row_expanding="no" row_animation="none" row_animation_delay="0" minimize_row="yes" simplified_controls="no" custom_css_percentage="no" custom_css="margin-top: 0px;margin-bottom: 0px;padding-top: 60px;padding-bottom: 60px;" border_styling_global="default" width="1/1" el_position="first last"] [spb_divider type="thin" text="Go to top" top_margin="30px" bottom_margin="30px" fullwidth="no" el_class="value-divider" width="1/1" el_position="first last"] [spb_column col_animation="none" col_animation_delay="0" col_bg_type="cover" col_parallax_image_movement="fixed" col_parallax_image_speed="0.5" col_padding="0" col_vertical_offset="0" col_horizontal_offset="0" col_custom_zindex="0" col_sm="4" simplified_controls="no" custom_css_percentage="no" padding_vertical="400" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-bottom: 60px;" border_color_global="#f4f4f4" border_styling_global="solid" el_class="border-right" width="1/3" el_position="first"] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;" border_size="0" border_styling_global="default" el_class="s8 white-text" width="1/1" el_position="first last"]

01

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-left: 60px;padding-right: 30px;padding-bottom: 50px;" border_size="0" border_styling_global="default" el_class="value-title white-text" width="1/1" el_position="first last"]

Confident

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-left: 60px;padding-right: 30px;" border_size="0" border_styling_global="default" el_class="white-text" width="1/1" el_position="first last"]

We're experts in our field - no buts ifs or maybes. Our confidence makes it easy for our clients to put their trust in us.

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-left: 60px;padding-right: 30px;" border_size="0" border_styling_global="default" el_class="white-text small-detail" width="1/1" el_position="first last"]

Dos and donts
Do: Be matter-of-fact about Sapient i7's expertise.
Don’t: Be arrogant or cocky or talk anyone else down.
We don't need to shout.

[sf_modal header="" link_type="text" link_text="See Examples" btn_colour="white" btn_type="standard" btn_size="standard" btn_icon="ss-star" btn_text="Button text"]
ENTER THE MODAL BODY HERE
[/sf_modal]

 

[/spb_text_block] [/spb_column] [spb_column col_animation="none" col_animation_delay="0" col_bg_type="cover" col_parallax_image_movement="fixed" col_parallax_image_speed="0.5" col_padding="0" col_vertical_offset="0" col_horizontal_offset="0" col_custom_zindex="0" col_sm="4" simplified_controls="no" custom_css_percentage="no" padding_vertical="400" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-bottom: 60px;" border_color_global="#f4f4f4" border_styling_global="solid" el_class="border-right" width="1/3"] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;" border_size="0" border_styling_global="default" el_class="s8 white-text" width="1/1" el_position="first last"]

02

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-left: 60px;padding-right: 30px;padding-bottom: 50px;" border_size="0" border_styling_global="default" el_class="value-title white-text" width="1/1" el_position="first last"]

Human

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-left: 60px;padding-right: 30px;" border_size="0" border_styling_global="default" el_class="white-text" width="1/1" el_position="first last"]

Contrary to most of our competitors, our language is conversational and friendly. We know that we're real people dealing with other actual humans, so we keep jargon and business speak to a minimum.

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-left: 60px;padding-right: 30px;" border_size="0" border_styling_global="default" el_class="white-text small-detail" width="1/1" el_position="first last"]

Dos and donts
Do: Be matter-of-fact about Sapient i7's expertise.
Don’t: Be arrogant or cocky or talk anyone else down.
We don't need to shout.

[sf_modal header="" link_type="text" link_text="See Examples" btn_colour="white" btn_type="standard" btn_size="standard" btn_icon="ss-star" btn_text="Button text"]
ENTER THE MODAL BODY HERE
[/sf_modal]

[/spb_text_block] [/spb_column] [spb_column col_animation="none" col_animation_delay="0" col_bg_type="cover" col_parallax_image_movement="fixed" col_parallax_image_speed="0.5" col_padding="0" col_vertical_offset="0" col_horizontal_offset="0" col_custom_zindex="0" col_sm="4" simplified_controls="no" custom_css_percentage="no" padding_vertical="400" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-bottom: 60px;" border_color_global="#eaeaea" border_styling_global="solid" width="1/3" el_position="last"] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;" border_size="0" border_styling_global="default" el_class="s8 white-text" width="1/1" el_position="first last"]

03

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-left: 60px;padding-right: 30px;padding-bottom: 50px;" border_size="0" border_styling_global="default" el_class="value-title white-text" width="1/1" el_position="first last"]

Respectful

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-left: 60px;padding-right: 30px;" border_size="0" border_styling_global="default" el_class="white-text" width="1/1" el_position="first last"]

We take our clients' needs seriously. Our tone of voice is friendly, understanding and professional.

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-left: 60px;padding-right: 30px;" border_size="0" border_styling_global="default" el_class="white-text small-detail" width="1/1" el_position="first last"]

Dos and donts
Do: Be matter-of-fact about Sapient i7's expertise.
Don’t: Be arrogant or cocky or talk anyone else down.
We don't need to shout.

[sf_modal header="" link_type="text" link_text="See Examples" btn_colour="white" btn_type="standard" btn_size="standard" btn_icon="ss-star" btn_text="Button text"]
ENTER THE MODAL BODY HERE
[/sf_modal]

[/spb_text_block] [/spb_column] [spb_blank_spacer height="30px" width="1/1" el_position="first last"] [spb_column col_animation="none" col_animation_delay="0" col_responsive_vis="hidden-xs" col_bg_type="cover" col_parallax_image_movement="fixed" col_parallax_image_speed="0.5" col_padding="0" col_vertical_offset="0" col_horizontal_offset="0" col_custom_zindex="0" col_sm="12" simplified_controls="no" custom_css_percentage="no" padding_vertical="400" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 60px;margin-bottom: 60px;border-top: 1px #ffffff;border-bottom: 1px #ffffff;padding-top: 20px;padding-bottom: 20px;" border_color_global="#ffffff" border_styling_global="default" el_class="border-top-bottom" width="1/1" el_position="first last"] [spb_text_block animation="none" animation_delay="0" simplified_controls="yes" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;" border_size="0" border_styling_global="default" el_class="s1 white-text" width="1/1" el_position="first last"]

Our Values

[/spb_text_block] [/spb_column] [spb_blank_spacer height="30px" width="1/1" el_position="first last"] [spb_column col_animation="none" col_animation_delay="0" col_bg_type="cover" col_parallax_image_movement="fixed" col_parallax_image_speed="0.5" col_padding="0" col_vertical_offset="0" col_horizontal_offset="0" col_custom_zindex="0" col_sm="6" simplified_controls="no" custom_css_percentage="no" padding_vertical="400" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-bottom: 60px;" border_color_global="#f4f4f4" border_styling_global="solid" el_class="border-right" width="1/2" el_position="first"] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;" border_size="0" border_styling_global="default" el_class="s8 white-text" width="1/1" el_position="first last"]

04

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-left: 60px;padding-right: 30px;padding-bottom: 50px;" border_size="0" border_styling_global="default" el_class="value-title white-text" width="1/1" el_position="first last"]

Empowering

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-left: 60px;padding-right: 30px;" border_size="0" border_styling_global="default" el_class="white-text" width="3/4" el_position="first last"]

We're experts in our field - no buts ifs or maybes. Our confidence makes it easy for our clients to put their trust in us.

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-left: 60px;padding-right: 30px;" border_size="0" border_styling_global="default" el_class="white-text small-detail" width="3/4" el_position="first last"]

Dos and donts
Do: Be matter-of-fact about Sapient i7's expertise.
Don’t: Be arrogant or cocky or talk anyone else down.
We don't need to shout.

[sf_modal header="" link_type="text" link_text="See Examples" btn_colour="white" btn_type="standard" btn_size="standard" btn_icon="ss-star" btn_text="Button text"]
ENTER THE MODAL BODY HERE
[/sf_modal]

[/spb_text_block] [/spb_column] [spb_column col_animation="none" col_animation_delay="0" col_bg_type="cover" col_parallax_image_movement="fixed" col_parallax_image_speed="0.5" col_padding="0" col_vertical_offset="0" col_horizontal_offset="0" col_custom_zindex="0" col_sm="6" simplified_controls="no" custom_css_percentage="no" padding_vertical="400" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-bottom: 60px;" border_color_global="#eaeaea" border_styling_global="solid" width="1/2" el_position="last"] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;" border_size="0" border_styling_global="default" el_class="s8 white-text" width="1/1" el_position="first last"]

Usage

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-left: 60px;padding-right: 30px;padding-bottom: 50px;" border_size="0" border_styling_global="default" el_class="value-title white-text" width="1/1" el_position="first last"]

Guidelines 

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-left: 60px;padding-right: 30px;" border_size="0" border_styling_global="default" el_class="white-text" width="1/1" el_position="first last"]

In sodales, ipsum ut pharetra rutrum, mauris enim pellentesque ligula, posuere vulputate ante ligula et massa. Mauris dictum metus in lorem fringilla cursus. Suspendisse in vehicula arcu. Duis blandit, ante at maximus semper, ex lectus laoreet sapien, vitae tempus turpis nisl eu arcu. Donec commodo sit amet urna nec vestibulum. Proin sagittis, nisi porta feugiat auctor, elit lorem rhoncus dui, ac feugiat tortor est aliquet odio. Cras tempus velit ipsum, sit amet aliquam lorem iaculis luctus. Suspendisse facilisis vel nibh id varius. Aenean sed varius sem, ac faucibus turpis.

[/spb_text_block] [/spb_column] [spb_divider type="thin" text="Go to top" top_margin="30px" bottom_margin="30px" fullwidth="no" el_class="value-divider" width="1/1" el_position="first last"] [/spb_row] [spb_row element_name="Logo" wrap_type="full-width-contained" row_bg_type="color" row_bg_color="#f9f9f9" color_row_height="content-height" bg_type="cover" parallax_image_height="content-height" parallax_image_movement="fixed" parallax_image_speed="standard" bg_video_loop="yes" parallax_video_height="window-height" row_id="Logo" row_name="Logo" row_top_style="none" row_bottom_style="slant-ltr" parallax_video_overlay="none" row_overlay_opacity="0" remove_element_spacing="no" row_col_spacing="0" row_col_pos="center" row_col_content_pos="center" row_col_equal_heights="no" row_expanding="no" row_animation="none" row_animation_delay="0" minimize_row="no" simplified_controls="no" custom_css_percentage="no" custom_css="margin-top: 0px;margin-bottom: 0px;padding-top: 80px;padding-bottom: 60px;" border_styling_global="default" width="1/1" el_position="first last"] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;" border_size="0" border_styling_global="default" width="1/1" el_position="first last"]

03Logos

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-top: 20px;padding-left: 30px;" border_size="0" border_styling_global="default" el_class="guideline_note" width="1/1" el_position="first last"]

Primary Headings - Functional

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-left: 30px;" border_size="0" border_styling_global="default" width="1/2" el_position="first last"]

In sodales, ipsum ut pharetra rutrum, mauris enim pellentesque ligula, posuere vulputate ante ligula et massa. Mauris dictum metus in lorem fringilla cursus. Suspendisse in vehicula arcu. Duis blandit, ante at maximus semper, ex lectus laoreet sapien, vitae tempus turpis nisl eu arcu.

[/spb_text_block] [spb_blank_spacer height="60px" width="1/1" el_position="first last"] [spb_gallery gallery_id="893" display_type="slider" columns="5" fullwidth="no" gutters="yes" image_size="full" slider_transition="slide" show_thumbs="no" autoplay="no" show_captions="no" enable_lightbox="no" width="1/2" el_position="first"] [spb_column col_animation="none" col_animation_delay="0" col_bg_type="cover" col_parallax_image_movement="fixed" col_parallax_image_speed="0.5" col_padding="0" col_vertical_offset="0" col_horizontal_offset="0" col_custom_zindex="0" col_sm="6" simplified_controls="no" custom_css_percentage="no" padding_vertical="400" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-left: 60px;padding-right: 30px;" border_styling_global="default" el_class="font_card" width="1/2" el_position="last"] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-top: 20px;" border_size="0" border_styling_global="default" el_class="guideline_note" width="1/1" el_position="first last"]

Primary

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="yes" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;" border_size="0" border_styling_global="default" el_class="m4-title" width="1/1" el_position="first last"]

Primary brand mark

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-bottom: 20px;" border_size="0" border_styling_global="default" width="3/4" el_position="first last"]

The i7 logo and logotype is our most valuable brand asset. They should be used in full colour, where possible. The logo is a dynamic, living brand mark that can adapt to different situations and placements.

It shows unique journeys that reflects the values and working approaches the company uses. It constantly evolves and redraws unique journeys to mirror these bespoke methods.

Download

Download JPEGDownload PNGDownload SVGDownload EPS

[/spb_text_block] [spb_button button_text="Download all" button_size="standard" button_colour="accent" button_type="bordered" rounded="no" button_dropshadow="no" button_link="https://drive.google.com/drive/folders/1wk9fvYhZLK6BWx6Ie9gs3IJE440WowHK" button_target="_blank" align="left" animation="none" animation_delay="0" el_class="secondary_button_dark" width="1/1" el_position="first last"] [/spb_column] [spb_blank_spacer height="60px" width="1/1" el_position="first last"] [spb_gallery gallery_id="903" display_type="slider" columns="5" fullwidth="no" gutters="yes" image_size="full" slider_transition="slide" show_thumbs="no" autoplay="no" show_captions="no" enable_lightbox="no" width="1/2" el_position="first"] [spb_column col_animation="none" col_animation_delay="0" col_bg_type="cover" col_parallax_image_movement="fixed" col_parallax_image_speed="0.5" col_padding="0" col_vertical_offset="0" col_horizontal_offset="0" col_custom_zindex="0" col_sm="6" simplified_controls="no" custom_css_percentage="no" padding_vertical="400" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-left: 60px;padding-right: 30px;" border_styling_global="default" el_class="font_card" width="1/2" el_position="last"] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-top: 20px;" border_size="0" border_styling_global="default" el_class="guideline_note" width="1/1" el_position="first last"]

Secondary

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="yes" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;" border_size="0" border_styling_global="default" el_class="m4-title" width="1/1" el_position="first last"]

Secondary brand mark

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-bottom: 20px;" border_size="0" border_styling_global="default" width="3/4" el_position="first last"]

The i7 logo and logo and wordmark exist as a one-colour solid version, for small spaces and two colour printing. There is also the option to use the ‘i7’ on it’s own. Choose the one that best  fits your application.

Download

Download JPEGDownload PNGDownload SVGDownload EPS

[/spb_text_block] [spb_button button_text="Download all" button_size="standard" button_colour="accent" button_type="bordered" rounded="no" button_dropshadow="no" button_link="https://drive.google.com/drive/folders/1wk9fvYhZLK6BWx6Ie9gs3IJE440WowHK" button_target="_blank" align="left" animation="none" animation_delay="0" el_class="secondary_button_dark" width="1/1" el_position="first last"] [/spb_column] [/spb_row] [spb_row element_name="Fonts" wrap_type="full-width-contained" row_bg_type="color" color_row_height="window-height" bg_type="cover" parallax_image_height="content-height" parallax_image_movement="fixed" parallax_image_speed="standard" bg_video_loop="yes" parallax_video_height="window-height" row_id="Fonts" row_name="Fonts" row_top_style="none" row_bottom_style="none" parallax_video_overlay="none" row_overlay_opacity="0" remove_element_spacing="no" row_col_spacing="0" row_col_pos="center" row_col_content_pos="center" row_col_equal_heights="no" row_expanding="no" row_animation="none" row_animation_delay="0" minimize_row="yes" simplified_controls="no" custom_css_percentage="no" custom_css="margin-top: 0px;margin-bottom: 0px;padding-top: 60px;padding-bottom: 60px;" border_styling_global="default" width="1/1" el_position="first last"] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;" border_size="0" border_styling_global="default" width="1/1" el_position="first last"]

03Fonts

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-top: 20px;padding-left: 30px;" border_size="0" border_styling_global="default" el_class="guideline_note" width="1/1" el_position="first last"]

Primary Headings - Functional

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-left: 30px;" border_size="0" border_styling_global="default" width="1/2" el_position="first last"]

In sodales, ipsum ut pharetra rutrum, mauris enim pellentesque ligula, posuere vulputate ante ligula et massa. Mauris dictum metus in lorem fringilla cursus. Suspendisse in vehicula arcu. Duis blandit, ante at maximus semper, ex lectus laoreet sapien, vitae tempus turpis nisl eu arcu.

[/spb_text_block] [spb_blank_spacer height="60px" width="1/1" el_position="first last"] [spb_image image="154" image_size="full" frame="noframe" caption_pos="hover" remove_rounded="yes" fullwidth="no" overflow_mode="none" el_class="hover_up" link_target="_self" lightbox="no" intro_animation="none" animation_delay="200" width="1/3" el_position="first"][/spb_image] [spb_column col_animation="none" col_animation_delay="0" col_bg_type="cover" col_parallax_image_movement="fixed" col_parallax_image_speed="0.5" col_padding="0" col_vertical_offset="0" col_horizontal_offset="0" col_custom_zindex="0" col_sm="4" simplified_controls="no" custom_css_percentage="no" padding_vertical="400" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-left: 60px;padding-right: 30px;" border_styling_global="default" el_class="font_card" width="1/3"] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-top: 20px;" border_size="0" border_styling_global="default" el_class="guideline_note" width="1/1" el_position="first last"]

Primary

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="yes" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;" border_size="0" border_styling_global="default" el_class="m4-title" width="1/1" el_position="first last"]

Cerebri Sans

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="yes" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;" border_size="0" border_styling_global="default" el_class="light-grey" width="1/1" el_position="first last"]

Cerebri Sans is a design inspired by early geometric and grotesque typefaces. Subtle humanist details provide an undercurrent of warmth that simmers just beneath the bones of its contemporary simplicity.

Application for Sapient i7:
Cerebri is to be used for all headlines and prefixes, anything type size 18px and above.

[/spb_text_block] [/spb_column] [spb_column col_animation="none" col_animation_delay="0" col_bg_type="cover" col_parallax_image_movement="fixed" col_parallax_image_speed="0.5" col_padding="0" col_vertical_offset="0" col_horizontal_offset="0" col_custom_zindex="0" col_sm="4" simplified_controls="no" custom_css_percentage="no" padding_vertical="400" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-left: 60px;padding-right: 30px;" border_styling_global="default" el_class="font_card" width="1/3" el_position="last"] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-top: 20px;" border_size="0" border_styling_global="default" el_class="guideline_note" width="1/1" el_position="first last"]

Download

[/spb_text_block] [spb_button button_text="Download Cerebri Sans" button_size="standard" button_colour="accent" button_type="bordered" rounded="no" button_dropshadow="no" button_link="https://drive.google.com/drive/folders/1wk9fvYhZLK6BWx6Ie9gs3IJE440WowHK" button_target="_blank" align="right" animation="none" animation_delay="0" el_class="secondary_button_dark" width="1/1" el_position="first last"] [/spb_column] [spb_divider type="thin" text="Go to top" top_margin="30px" bottom_margin="50px" fullwidth="no" width="1/1" el_position="first last"] [spb_image image="166" image_size="full" frame="noframe" caption_pos="hover" remove_rounded="yes" fullwidth="no" overflow_mode="none" link_target="_self" lightbox="no" intro_animation="none" animation_delay="200" width="1/3" el_position="first"][/spb_image] [spb_column col_animation="none" col_animation_delay="0" col_bg_type="cover" col_parallax_image_movement="fixed" col_parallax_image_speed="0.5" col_padding="0" col_vertical_offset="0" col_horizontal_offset="0" col_custom_zindex="0" col_sm="4" simplified_controls="no" custom_css_percentage="no" padding_vertical="400" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-left: 60px;padding-right: 30px;" border_styling_global="default" el_class="font_card" width="1/3"] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-top: 20px;" border_size="0" border_styling_global="default" el_class="guideline_note" width="1/1" el_position="first last"]

Secondary

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="yes" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;" border_size="0" border_styling_global="default" el_class="m4-title" width="1/1" el_position="first last"]

Fira Sans

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="yes" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;" border_size="0" border_styling_global="default" el_class="light-grey" width="1/1" el_position="first last"]

Designed to integrate with the character of the Mozilla FirefoxOS, the Fira typefaces also aim to cover the legibility needs for a large range of handsets varying in screen quality and rendering.

Application for Sapient i7:
Cerebri is to be used for all headlines and prefixes, anything type size 18px and above.

[/spb_text_block] [/spb_column] [spb_column col_animation="none" col_animation_delay="0" col_bg_type="cover" col_parallax_image_movement="fixed" col_parallax_image_speed="0.5" col_padding="0" col_vertical_offset="0" col_horizontal_offset="0" col_custom_zindex="0" col_sm="4" simplified_controls="no" custom_css_percentage="no" padding_vertical="400" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-left: 60px;padding-right: 30px;" border_styling_global="default" el_class="font_card" width="1/3" el_position="last"] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-top: 20px;" border_size="0" border_styling_global="default" el_class="guideline_note" width="1/1" el_position="first last"]

Download

[/spb_text_block] [spb_button button_text="Download Fira Sans" button_size="standard" button_colour="accent" button_type="bordered" rounded="no" button_dropshadow="no" button_link="https://drive.google.com/drive/folders/1wk9fvYhZLK6BWx6Ie9gs3IJE440WowHK" button_target="_blank" align="right" animation="none" animation_delay="0" el_class="secondary_button_dark" width="1/1" el_position="first last"] [/spb_column] [spb_divider type="thin" text="Go to top" top_margin="30px" bottom_margin="50px" fullwidth="no" width="1/1" el_position="first last"] [spb_image image="516" image_size="full" frame="noframe" caption_pos="hover" remove_rounded="yes" fullwidth="no" overflow_mode="none" link_target="_self" lightbox="no" intro_animation="none" animation_delay="200" width="1/3" el_position="first"][/spb_image] [spb_column col_animation="none" col_animation_delay="0" col_bg_type="cover" col_parallax_image_movement="fixed" col_parallax_image_speed="0.5" col_padding="0" col_vertical_offset="0" col_horizontal_offset="0" col_custom_zindex="0" col_sm="4" simplified_controls="no" custom_css_percentage="no" padding_vertical="400" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-left: 60px;padding-right: 30px;" border_styling_global="default" el_class="font_card" width="1/3"] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-top: 20px;" border_size="0" border_styling_global="default" el_class="guideline_note" width="1/1" el_position="first last"]

Supporting

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="yes" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;" border_size="0" border_styling_global="default" el_class="m4-title" width="1/1" el_position="first last"]

Merriweather

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="yes" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;" border_size="0" border_styling_global="default" el_class="light-grey" width="1/1" el_position="first last"]

Merriweather was designed to be a text face that is pleasant to read on screens. It features a very large x height, slightly condensed letterforms, a mild diagonal stress, sturdy serifs and open forms.

Application for Sapient i7:
Cerebri is to be used for all headlines and prefixes, anything type size 18px and above.

[/spb_text_block] [/spb_column] [spb_column col_animation="none" col_animation_delay="0" col_bg_type="cover" col_parallax_image_movement="fixed" col_parallax_image_speed="0.5" col_padding="0" col_vertical_offset="0" col_horizontal_offset="0" col_custom_zindex="0" col_sm="4" simplified_controls="no" custom_css_percentage="no" padding_vertical="400" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-left: 60px;padding-right: 30px;" border_styling_global="default" el_class="font_card" width="1/3" el_position="last"] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-top: 20px;" border_size="0" border_styling_global="default" el_class="guideline_note" width="1/1" el_position="first last"]

Download

[/spb_text_block] [spb_button button_text="Download Merriweather" button_size="standard" button_colour="accent" button_type="bordered" rounded="no" button_dropshadow="no" button_link="https://drive.google.com/drive/folders/1wk9fvYhZLK6BWx6Ie9gs3IJE440WowHK" button_target="_blank" align="right" animation="none" animation_delay="0" el_class="secondary_button_dark" width="1/1" el_position="first last"] [/spb_column] [/spb_row] [spb_row element_name="Typography - Primary Headings" wrap_type="full-width-contained" row_bg_type="color" row_bg_color="#f9f9f9" color_row_height="content-height" bg_type="cover" parallax_image_height="content-height" parallax_image_movement="fixed" parallax_image_speed="standard" bg_video_loop="yes" parallax_video_height="window-height" row_id="Typography" row_name="Typography" row_top_style="slant-ltr" row_bottom_style="slant-ltr" parallax_video_overlay="none" row_overlay_opacity="0" remove_element_spacing="no" row_col_spacing="0" row_col_pos="default" row_col_content_pos="top" row_col_equal_heights="yes" row_expanding="no" row_animation="none" row_animation_delay="0" minimize_row="yes" simplified_controls="no" custom_css_percentage="no" custom_css="margin-top: 0px;margin-bottom: 0px;" border_styling_global="default" width="1/1" el_position="first last"] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;" border_size="0" border_styling_global="default" width="1/1" el_position="first last"]

03Typography ~ Functional

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-top: 20px;padding-left: 30px;" border_size="0" border_styling_global="default" el_class="guideline_note" width="1/1" el_position="first last"]

Primary Headings - Functional

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-left: 30px;" border_size="0" border_styling_global="default" width="1/2" el_position="first last"]

In sodales, ipsum ut pharetra rutrum, mauris enim pellentesque ligula, posuere vulputate ante ligula et massa. Mauris dictum metus in lorem fringilla cursus. Suspendisse in vehicula arcu. Duis blandit, ante at maximus semper, ex lectus laoreet sapien, vitae tempus turpis nisl eu arcu.

[/spb_text_block] [spb_blank_spacer height="30px" width="1/1" el_position="first last"] [spb_column col_animation="none" col_animation_delay="0" col_bg_type="cover" col_parallax_image_movement="fixed" col_parallax_image_speed="0.5" col_padding="0" col_vertical_offset="0" col_horizontal_offset="0" col_custom_zindex="0" col_sm="4" simplified_controls="no" custom_css_percentage="no" padding_vertical="400" padding_horizontal="30" margin_vertical="30" custom_css="margin-top: 30px;margin-bottom: 30px;padding-left: 30px;padding-right: 30px;" border_styling_global="default" el_class="type_card" width="1/3" el_position="first"] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-top: 20px;" border_size="0" border_styling_global="default" el_class="guideline_note" width="1/1" el_position="first last"]

Heading 0

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="yes" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;" border_size="0" border_styling_global="default" el_class="s0" width="1/1" el_position="first last"]

Abc

[/spb_text_block] [spb_codesnippet language="css" width="1/1" el_position="first last"]

.s0 p {
font-family: CerebriSans-Book;
font-size: 150px;
letter-spacing: 0;
line-height: 150px;
}

[/spb_codesnippet] [/spb_column] [spb_column col_animation="none" col_animation_delay="0" col_bg_type="cover" col_parallax_image_movement="fixed" col_parallax_image_speed="0.5" col_padding="0" col_vertical_offset="0" col_horizontal_offset="0" col_custom_zindex="0" col_sm="4" simplified_controls="no" custom_css_percentage="no" padding_vertical="400" padding_horizontal="30" margin_vertical="0" custom_css="margin-top: 30px;margin-bottom: 30px;padding-left: 30px;padding-right: 30px;" border_styling_global="default" el_class="type_card" width="1/3"] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-top: 20px;" border_size="0" border_styling_global="default" el_class="guideline_note" width="1/1" el_position="first last"]

Heading 1

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="yes" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;" border_size="0" border_styling_global="default" el_class="s1" width="1/1" el_position="first last"]

Abc

[/spb_text_block] [spb_codesnippet language="css" width="1/1" el_position="first last"]

.s1 p {
font-family: CerebriSans-Book;
font-size: 100px;
letter-spacing: 0;
line-height: 100px;
}

[/spb_codesnippet] [/spb_column] [spb_column col_animation="none" col_animation_delay="0" col_bg_type="cover" col_parallax_image_movement="fixed" col_parallax_image_speed="0.5" col_padding="0" col_vertical_offset="0" col_horizontal_offset="0" col_custom_zindex="0" col_sm="4" simplified_controls="no" custom_css_percentage="no" padding_vertical="400" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 30px;margin-bottom: 30px;padding-left: 30px;padding-right: 30px;" border_styling_global="default" el_class="type_card" width="1/3" el_position="last"] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-top: 20px;" border_size="0" border_styling_global="default" el_class="guideline_note" width="1/1" el_position="first last"]

Heading 2

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="yes" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;" border_size="0" border_styling_global="default" el_class="s2" width="1/1" el_position="first last"]

Abc

[/spb_text_block] [spb_codesnippet language="css" width="1/1" el_position="first last"]

.s2 p {
font-family: CerebriSans-Book;
font-size: 60px;
letter-spacing: 0;
line-height: 70px;
}

[/spb_codesnippet] [/spb_column] [spb_blank_spacer height="30px" width="1/1" el_position="first last"] [spb_column col_animation="none" col_animation_delay="0" col_bg_type="cover" col_parallax_image_movement="fixed" col_parallax_image_speed="0.5" col_padding="0" col_vertical_offset="0" col_horizontal_offset="0" col_custom_zindex="0" col_sm="4" simplified_controls="no" custom_css_percentage="no" padding_vertical="400" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 30px;margin-bottom: 30px;padding-left: 30px;padding-right: 30px;" border_styling_global="default" el_class="type_card" width="1/3" el_position="first"] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-top: 20px;" border_size="0" border_styling_global="default" el_class="guideline_note" width="1/1" el_position="first last"]

Heading 3

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="yes" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;" border_size="0" border_styling_global="default" el_class="s3" width="1/1" el_position="first last"]

Abc

[/spb_text_block] [spb_codesnippet language="css" width="1/1" el_position="first last"]

.s3 p {
font-family: CerebriSans-Book;
font-size: 42px;
letter-spacing: 0;
line-height: 52px;
}

[/spb_codesnippet] [/spb_column] [spb_column col_animation="none" col_animation_delay="0" col_bg_type="cover" col_parallax_image_movement="fixed" col_parallax_image_speed="0.5" col_padding="0" col_vertical_offset="0" col_horizontal_offset="0" col_custom_zindex="0" col_sm="4" simplified_controls="no" custom_css_percentage="no" padding_vertical="400" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 30px;margin-bottom: 30px;padding-left: 30px;padding-right: 30px;" border_styling_global="default" el_class="type_card" width="1/3"] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-top: 20px;" border_size="0" border_styling_global="default" el_class="guideline_note" width="1/1" el_position="first last"]

Heading 4

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="yes" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;" border_size="0" border_styling_global="default" el_class="s4" width="1/1" el_position="first last"]

Abc

[/spb_text_block] [spb_codesnippet language="css" width="1/1" el_position="first last"]

.s4 p {
font-family: CerebriSans-Book;
font-size: 36px;
letter-spacing: 0;
line-height: 46px;
color: #4a4a4a;
}

[/spb_codesnippet] [/spb_column] [spb_column col_animation="none" col_animation_delay="0" col_bg_type="cover" col_parallax_image_movement="fixed" col_parallax_image_speed="0.5" col_padding="0" col_vertical_offset="0" col_horizontal_offset="0" col_custom_zindex="0" col_sm="4" simplified_controls="no" custom_css_percentage="no" padding_vertical="400" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 30px;margin-bottom: 30px;padding-left: 30px;padding-right: 30px;" border_styling_global="default" el_class="type_card" width="1/3" el_position="last"] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-top: 20px;" border_size="0" border_styling_global="default" el_class="guideline_note" width="1/1" el_position="first last"]

Heading 5

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="yes" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;" border_size="0" border_styling_global="default" el_class="s5" width="1/1" el_position="first last"]

Abc

[/spb_text_block] [spb_codesnippet language="css" width="1/1" el_position="first last"]

.s5 p {
font-family: CerebriSans-Book;
font-size: 28px;
letter-spacing: 0;
line-height: 38px;
}

[/spb_codesnippet] [/spb_column] [spb_blank_spacer height="30px" width="1/1" el_position="first last"] [spb_column col_animation="none" col_animation_delay="0" col_bg_type="cover" col_parallax_image_movement="fixed" col_parallax_image_speed="0.5" col_padding="0" col_vertical_offset="0" col_horizontal_offset="0" col_custom_zindex="0" col_sm="4" simplified_controls="no" custom_css_percentage="no" padding_vertical="400" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 30px;margin-bottom: 30px;padding-left: 30px;padding-right: 30px;" border_styling_global="default" el_class="type_card" width="1/3" el_position="first"] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-top: 20px;" border_size="0" border_styling_global="default" el_class="guideline_note" width="1/1" el_position="first last"]

Heading 6

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="yes" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;" border_size="0" border_styling_global="default" el_class="s6" width="1/1" el_position="first last"]

Abc

[/spb_text_block] [spb_codesnippet language="css" width="1/1" el_position="first last"]

.s6 p {
font-family: CerebriSans-Book;
font-size: 22px;
letter-spacing: 0;
line-height: 32px;
}

[/spb_codesnippet] [/spb_column] [spb_column col_animation="none" col_animation_delay="0" col_bg_type="cover" col_parallax_image_movement="fixed" col_parallax_image_speed="0.5" col_padding="0" col_vertical_offset="0" col_horizontal_offset="0" col_custom_zindex="0" col_sm="4" simplified_controls="no" custom_css_percentage="no" padding_vertical="400" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 30px;margin-bottom: 30px;padding-left: 30px;padding-right: 30px;" border_styling_global="default" el_class="type_card" width="1/3"] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-top: 20px;" border_size="0" border_styling_global="default" el_class="guideline_note" width="1/1" el_position="first last"]

Heading 7

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="yes" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;" border_size="0" border_styling_global="default" el_class="s7" width="1/1" el_position="first last"]

Abc

[/spb_text_block] [spb_codesnippet language="css" width="1/1" el_position="first last"]

.s7 p {
font-family: CerebriSans-Book;
font-size: 18px;
letter-spacing: 0;
line-height: 28px;
}

[/spb_codesnippet] [/spb_column] [spb_column col_animation="none" col_animation_delay="0" col_bg_type="cover" col_parallax_image_movement="fixed" col_parallax_image_speed="0.5" col_padding="0" col_vertical_offset="0" col_horizontal_offset="0" col_custom_zindex="0" col_sm="4" simplified_controls="no" custom_css_percentage="no" padding_vertical="400" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 30px;margin-bottom: 30px;padding-left: 30px;padding-right: 30px;" border_styling_global="default" el_class="type_card" width="1/3" el_position="last"] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-top: 20px;" border_size="0" border_styling_global="default" el_class="guideline_note" width="1/1" el_position="first last"]

Heading 8

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="yes" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;" border_size="0" border_styling_global="default" el_class="s8" width="1/1" el_position="first last"]

Abc

[/spb_text_block] [spb_codesnippet language="css" width="1/1" el_position="first last"]

.s8 p {
font-family: CerebriSans-Book;
font-size: 16px;
letter-spacing: 0;
line-height: 26px;
}

[/spb_codesnippet] [/spb_column] [/spb_row] [spb_row element_name="Typography - Secondary Headlines" wrap_type="full-width-contained" row_bg_type="color" row_bg_color="#ffffff" color_row_height="content-height" bg_type="cover" parallax_image_height="content-height" parallax_image_movement="fixed" parallax_image_speed="standard" bg_video_loop="yes" parallax_video_height="window-height" row_top_style="slant-ltr" row_bottom_style="slant-ltr" parallax_video_overlay="none" row_overlay_opacity="0" remove_element_spacing="no" row_col_spacing="0" row_col_pos="default" row_col_content_pos="top" row_col_equal_heights="yes" row_expanding="no" row_animation="none" row_animation_delay="0" minimize_row="yes" simplified_controls="no" custom_css_percentage="no" custom_css="margin-top: 0px;margin-bottom: 0px;" border_styling_global="default" width="1/1" el_position="first last"] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;" border_size="0" border_styling_global="default" width="1/1" el_position="first last"]

03Typography ~ Editorial

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-top: 20px;padding-left: 30px;" border_size="0" border_styling_global="default" el_class="guideline_note" width="1/1" el_position="first last"]

Secondary Headings - Editorial

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-left: 30px;" border_size="0" border_styling_global="default" width="1/2" el_position="first last"]

In sodales, ipsum ut pharetra rutrum, mauris enim pellentesque ligula, posuere vulputate ante ligula et massa. Mauris dictum metus in lorem fringilla cursus. Suspendisse in vehicula arcu. Duis blandit, ante at maximus semper, ex lectus laoreet sapien, vitae tempus turpis nisl eu arcu.

[/spb_text_block] [spb_blank_spacer height="30px" width="1/1" el_position="first last"] [spb_column col_animation="none" col_animation_delay="0" col_bg_type="cover" col_parallax_image_movement="fixed" col_parallax_image_speed="0.5" col_padding="0" col_vertical_offset="0" col_horizontal_offset="0" col_custom_zindex="0" col_sm="4" simplified_controls="no" custom_css_percentage="no" padding_vertical="400" padding_horizontal="30" margin_vertical="30" custom_css="margin-top: 30px;margin-bottom: 30px;padding-left: 30px;padding-right: 30px;" border_styling_global="default" el_class="type_card" width="1/3" el_position="first"] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-top: 20px;" border_size="0" border_styling_global="default" el_class="guideline_note" width="1/1" el_position="first last"]

Editorial 1

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="yes" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;" border_size="0" border_styling_global="default" el_class="e1" width="1/1" el_position="first last"]

Abc

[/spb_text_block] [spb_codesnippet language="css" width="1/1" el_position="first last"]

.e1 p {
font-family: Merriweather;
font-size: 60px;
line-height: 60px;
font-weight: 400;
}

[/spb_codesnippet] [/spb_column] [spb_column col_animation="none" col_animation_delay="0" col_bg_type="cover" col_parallax_image_movement="fixed" col_parallax_image_speed="0.5" col_padding="0" col_vertical_offset="0" col_horizontal_offset="0" col_custom_zindex="0" col_sm="4" simplified_controls="no" custom_css_percentage="no" padding_vertical="400" padding_horizontal="30" margin_vertical="0" custom_css="margin-top: 30px;margin-bottom: 30px;padding-left: 30px;padding-right: 30px;" border_styling_global="default" el_class="type_card" width="1/3"] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-top: 20px;" border_size="0" border_styling_global="default" el_class="guideline_note" width="1/1" el_position="first last"]

Editorial 2

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="yes" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;" border_size="0" border_styling_global="default" el_class="e2" width="1/1" el_position="first last"]

Abc

[/spb_text_block] [spb_codesnippet language="css" width="1/1" el_position="first last"]

.e2 p {
font-family: Merriweather;
font-size: 40px;
line-height: 40px;
font-weight: 400;
}

[/spb_codesnippet] [/spb_column] [spb_column col_animation="none" col_animation_delay="0" col_bg_type="cover" col_parallax_image_movement="fixed" col_parallax_image_speed="0.5" col_padding="0" col_vertical_offset="0" col_horizontal_offset="0" col_custom_zindex="0" col_sm="4" simplified_controls="no" custom_css_percentage="no" padding_vertical="400" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 30px;margin-bottom: 30px;padding-left: 30px;padding-right: 30px;" border_styling_global="default" el_class="type_card" width="1/3" el_position="last"] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-top: 20px;" border_size="0" border_styling_global="default" el_class="guideline_note" width="1/1" el_position="first last"]

Editorial 3

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="yes" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;" border_size="0" border_styling_global="default" el_class="e3" width="1/1" el_position="first last"]

Abc

[/spb_text_block] [spb_codesnippet language="css" width="1/1" el_position="first last"]

.e3 p {
font-family: Merriweather;
font-size: 20px;
line-height: 20px;
font-weight: 400;
}

[/spb_codesnippet] [/spb_column] [spb_blank_spacer height="30px" width="1/1" el_position="first last"] [spb_column col_animation="none" col_animation_delay="0" col_bg_type="cover" col_parallax_image_movement="fixed" col_parallax_image_speed="0.5" col_padding="0" col_vertical_offset="0" col_horizontal_offset="0" col_custom_zindex="0" col_sm="4" simplified_controls="no" custom_css_percentage="no" padding_vertical="400" padding_horizontal="30" margin_vertical="30" custom_css="margin-top: 30px;margin-bottom: 30px;padding-left: 30px;padding-right: 30px;" border_styling_global="default" el_class="type_card" width="1/3" el_position="first"] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-top: 20px;" border_size="0" border_styling_global="default" el_class="guideline_note" width="1/1" el_position="first last"]

Editorial 1 - light

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="yes" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;" border_size="0" border_styling_global="default" el_class="e1-light" width="1/1" el_position="first last"]

Abc

[/spb_text_block] [spb_codesnippet language="css" width="1/1" el_position="first last"]

.e1-light p {
font-family: Merriweather;
font-size: 60px;
line-height: 60px;
font-weight: 200;
}

[/spb_codesnippet] [/spb_column] [spb_column col_animation="none" col_animation_delay="0" col_bg_type="cover" col_parallax_image_movement="fixed" col_parallax_image_speed="0.5" col_padding="0" col_vertical_offset="0" col_horizontal_offset="0" col_custom_zindex="0" col_sm="4" simplified_controls="no" custom_css_percentage="no" padding_vertical="400" padding_horizontal="30" margin_vertical="0" custom_css="margin-top: 30px;margin-bottom: 30px;padding-left: 30px;padding-right: 30px;" border_styling_global="default" el_class="type_card" width="1/3"] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-top: 20px;" border_size="0" border_styling_global="default" el_class="guideline_note" width="1/1" el_position="first last"]

Editorial 2 - light

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="yes" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;" border_size="0" border_styling_global="default" el_class="e2-light" width="1/1" el_position="first last"]

Abc

[/spb_text_block] [spb_codesnippet language="css" width="1/1" el_position="first last"]

.e2-light p {
font-family: Merriweather;
font-size: 40px;
line-height: 40px;
font-weight: 200;
}

[/spb_codesnippet] [/spb_column] [spb_column col_animation="none" col_animation_delay="0" col_bg_type="cover" col_parallax_image_movement="fixed" col_parallax_image_speed="0.5" col_padding="0" col_vertical_offset="0" col_horizontal_offset="0" col_custom_zindex="0" col_sm="4" simplified_controls="no" custom_css_percentage="no" padding_vertical="400" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 30px;margin-bottom: 30px;padding-left: 30px;padding-right: 30px;" border_styling_global="default" el_class="type_card" width="1/3" el_position="last"] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-top: 20px;" border_size="0" border_styling_global="default" el_class="guideline_note" width="1/1" el_position="first last"]

Editorial 3 - light

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="yes" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;" border_size="0" border_styling_global="default" el_class="e3-light" width="1/1" el_position="first last"]

Abc

[/spb_text_block] [spb_codesnippet language="css" width="1/1" el_position="first last"]

.e3-light p {
font-family: Merriweather;
font-size: 20px;
line-height: 20px;
font-weight: 200;
}

[/spb_codesnippet] [/spb_column] [/spb_row] [spb_row element_name="Typography - Paragraph" wrap_type="full-width-contained" row_bg_type="color" row_bg_color="#f9f9f9" color_row_height="content-height" bg_type="cover" parallax_image_height="content-height" parallax_image_movement="fixed" parallax_image_speed="standard" bg_video_loop="yes" parallax_video_height="window-height" row_top_style="slant-ltr" row_bottom_style="none" parallax_video_overlay="none" row_overlay_opacity="0" remove_element_spacing="no" row_col_spacing="0" row_col_pos="default" row_col_content_pos="top" row_col_equal_heights="yes" row_expanding="no" row_animation="none" row_animation_delay="0" minimize_row="yes" simplified_controls="no" custom_css_percentage="no" custom_css="margin-top: 0px;margin-bottom: 0px;padding-bottom: 60px;" border_styling_global="default" width="1/1" el_position="first last"] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;" border_size="0" border_styling_global="default" width="1/1" el_position="first last"]

03Typography ~ Paragraph

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-top: 20px;padding-left: 30px;" border_size="0" border_styling_global="default" el_class="guideline_note" width="1/1" el_position="first last"]

Paragraph and Body Copy

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-left: 30px;" border_size="0" border_styling_global="default" width="1/2" el_position="first last"]

In sodales, ipsum ut pharetra rutrum, mauris enim pellentesque ligula, posuere vulputate ante ligula et massa. Mauris dictum metus in lorem fringilla cursus. Suspendisse in vehicula arcu. Duis blandit, ante at maximus semper, ex lectus laoreet sapien, vitae tempus turpis nisl eu arcu.

[/spb_text_block] [spb_blank_spacer height="30px" width="1/1" el_position="first last"] [spb_column col_animation="none" col_animation_delay="0" col_bg_type="cover" col_parallax_image_movement="fixed" col_parallax_image_speed="0.5" col_padding="0" col_vertical_offset="0" col_horizontal_offset="0" col_custom_zindex="0" col_sm="4" simplified_controls="no" custom_css_percentage="no" padding_vertical="400" padding_horizontal="30" margin_vertical="30" custom_css="margin-top: 30px;margin-bottom: 30px;padding-left: 30px;padding-right: 30px;" border_styling_global="default" el_class="type_card" width="1/3" el_position="first"] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-top: 20px;" border_size="0" border_styling_global="default" el_class="guideline_note" width="1/1" el_position="first last"]

Paragraph Copy

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="yes" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;" border_size="0" border_styling_global="default" width="1/1" el_position="first last"]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vulputate quis purus a vulputate. Suspendisse placerat volutpat neque. Duis mattis pretium ligula porttitor scelerisque. Sed eget purus leo. Donec ultricies lectus dolor, quis feugiat diam ullamcorper ut. Nulla finibus est est, eu sodales nisl bibendum ut. Aliquam hendrerit sodales dolor vitae porta.

[/spb_text_block] [spb_codesnippet language="css" width="1/1" el_position="first last"]

p {
font-family: "Fira Sans";
font-size: 13px;
line-height: 23px;
font-weight: 400;
}

[/spb_codesnippet] [/spb_column] [spb_column col_animation="none" col_animation_delay="0" col_bg_type="cover" col_parallax_image_movement="fixed" col_parallax_image_speed="0.5" col_padding="0" col_vertical_offset="0" col_horizontal_offset="0" col_custom_zindex="0" col_sm="4" simplified_controls="no" custom_css_percentage="no" padding_vertical="400" padding_horizontal="30" margin_vertical="30" custom_css="margin-top: 30px;margin-bottom: 30px;padding-left: 30px;padding-right: 30px;" border_styling_global="default" el_class="type_card" width="1/3" el_position="last"] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-top: 20px;" border_size="0" border_styling_global="default" el_class="guideline_note" width="1/1" el_position="first last"]

Paragraph Copy 16

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="yes" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;" border_size="0" border_styling_global="default" el_class="paragraph_16" width="1/1" el_position="first last"]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vulputate quis purus a vulputate. Suspendisse placerat volutpat neque. Duis mattis pretium ligula porttitor scelerisque. Sed eget purus leo. Donec ultricies lectus dolor, quis feugiat diam ullamcorper ut. Nulla finibus est est, eu sodales nisl bibendum ut. Aliquam hendrerit sodales dolor vitae porta.

[/spb_text_block] [spb_codesnippet language="css" width="1/1" el_position="first last"]

paragraph_16 p {
font-family: "Fira Sans";
font-size: 16px;
line-height: 26px;
font-weight: 400;
}

[/spb_codesnippet] [/spb_column] [spb_blank_spacer height="30px" width="1/1" el_position="first last"] [/spb_row] [spb_row element_name="Buttons & Links" wrap_type="full-width-contained" row_bg_type="color" row_bg_color="#6633ff" color_row_height="content-height" bg_type="cover" parallax_image_height="content-height" parallax_image_movement="fixed" parallax_image_speed="standard" bg_video_loop="yes" parallax_video_height="window-height" row_id="ButtonsLinks" row_name="Buttons & Links" row_top_style="none" row_bottom_style="none" parallax_video_overlay="none" row_overlay_opacity="0" remove_element_spacing="no" row_col_spacing="0" row_col_pos="default" row_col_content_pos="top" row_col_equal_heights="no" row_expanding="no" row_animation="none" row_animation_delay="0" minimize_row="yes" simplified_controls="no" custom_css_percentage="no" custom_css="margin-top: 0px;margin-bottom: 0px;padding-top: 100px;" border_styling_global="default" width="1/1" el_position="first last"] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;" border_size="0" border_styling_global="default" width="1/1" el_position="first last"]

03Buttons

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-top: 20px;padding-left: 30px;" border_size="0" border_styling_global="default" el_class="guideline_note light-pink" width="1/1" el_position="first last"]

Usage

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-left: 30px;" border_size="0" border_styling_global="default" el_class="white-text" width="1/2" el_position="first last"]

In sodales, ipsum ut pharetra rutrum, mauris enim pellentesque ligula, posuere vulputate ante ligula et massa. Mauris dictum metus in lorem fringilla cursus. Suspendisse in vehicula arcu. Duis blandit, ante at maximus semper, ex lectus laoreet sapien, vitae tempus turpis nisl eu arcu.

[/spb_text_block] [spb_blank_spacer height="30px" width="1/1" el_position="first last"] [spb_column col_animation="none" col_animation_delay="0" col_bg_type="cover" col_parallax_image_movement="fixed" col_parallax_image_speed="0.5" col_padding="0" col_vertical_offset="0" col_horizontal_offset="0" col_custom_zindex="0" col_sm="4" simplified_controls="no" custom_css_percentage="no" padding_vertical="400" padding_horizontal="30" margin_vertical="30" custom_css="margin-top: 30px;margin-bottom: 30px;padding-left: 30px;padding-right: 30px;" border_styling_global="default" el_class="type_card_2" width="1/3" el_position="first"] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-top: 20px;" border_size="0" border_styling_global="default" el_class="guideline_note" width="1/1" el_position="first last"]

Primary Call to Action

[/spb_text_block] [spb_boxed_content type="coloured" custom_bg_colour="#ffffff" box_link_target="_self" padding_vertical="10" padding_horizontal="20" el_class="button_content_box" width="1/1" el_position="first last"]

[sf_button colour="accent" type="standard" size="standard" link="http://" target="_self" icon="" dropshadow="no" rounded="no" extraclass="primary_button"]Primary Button[/sf_button]

[/spb_boxed_content] [spb_codesnippet language="css" width="1/1" el_position="first last"]

paragraph_16 p {
font-family: "Fira Sans";
font-size: 16px;
line-height: 26px;
font-weight: 400;
}

[/spb_codesnippet] [/spb_column] [spb_column col_animation="none" col_animation_delay="0" col_bg_type="cover" col_parallax_image_movement="fixed" col_parallax_image_speed="0.5" col_padding="0" col_vertical_offset="0" col_horizontal_offset="0" col_custom_zindex="0" col_sm="4" simplified_controls="no" custom_css_percentage="no" padding_vertical="400" padding_horizontal="30" margin_vertical="30" custom_css="margin-top: 30px;margin-bottom: 30px;padding-left: 30px;padding-right: 30px;" border_styling_global="default" el_class="type_card_2" width="1/3"] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-top: 20px;" border_size="0" border_styling_global="default" el_class="guideline_note" width="1/1" el_position="first last"]

Primary Call to Action

[/spb_text_block] [spb_boxed_content type="coloured" custom_bg_colour="#ffffff" box_link_target="_self" padding_vertical="10" padding_horizontal="20" el_class="button_content_box" width="1/1" el_position="first last"]

[sf_button colour="accent" type="bordered" size="standard" link="http://" target="_self" icon="" dropshadow="no" rounded="no" extraclass="primary_button"]Primary Button[/sf_button]

[/spb_boxed_content] [spb_codesnippet language="css" width="1/1" el_position="first last"]

paragraph_16 p {
font-family: "Fira Sans";
font-size: 16px;
line-height: 26px;
font-weight: 400;
}

[/spb_codesnippet] [/spb_column] [spb_column col_animation="none" col_animation_delay="0" col_bg_type="cover" col_parallax_image_movement="fixed" col_parallax_image_speed="0.5" col_padding="0" col_vertical_offset="0" col_horizontal_offset="0" col_custom_zindex="0" col_sm="4" simplified_controls="no" custom_css_percentage="no" padding_vertical="400" padding_horizontal="30" margin_vertical="30" custom_css="margin-top: 30px;margin-bottom: 30px;padding-left: 30px;padding-right: 30px;" border_styling_global="default" el_class="type_card_2" width="1/3" el_position="last"] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-top: 20px;" border_size="0" border_styling_global="default" el_class="guideline_note" width="1/1" el_position="first last"]

Primary Call to Action

[/spb_text_block] [spb_boxed_content type="coloured" custom_bg_colour="#6633ff" custom_text_colour="#6633ff" box_link_target="_self" padding_vertical="10" padding_horizontal="20" el_class="button_content_box" width="1/1" el_position="first last"]

[sf_button colour="white" type="standard" size="standard" link="http://" target="_self" icon="" dropshadow="no" rounded="no" extraclass="primary_button"]Primary Button[/sf_button]

[/spb_boxed_content] [spb_codesnippet language="css" width="1/1" el_position="first last"]

paragraph_16 p {
font-family: "Fira Sans";
font-size: 16px;
line-height: 26px;
font-weight: 400;
}

[/spb_codesnippet] [/spb_column] [spb_column col_animation="none" col_animation_delay="0" col_bg_type="cover" col_parallax_image_movement="fixed" col_parallax_image_speed="0.5" col_padding="0" col_vertical_offset="0" col_horizontal_offset="0" col_custom_zindex="0" col_sm="4" simplified_controls="no" custom_css_percentage="no" padding_vertical="400" padding_horizontal="30" margin_vertical="30" custom_css="margin-top: 30px;margin-bottom: 30px;padding-left: 30px;padding-right: 30px;" border_styling_global="default" el_class="type_card_2" width="1/3" el_position="first last"] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-top: 20px;" border_size="0" border_styling_global="default" el_class="guideline_note" width="1/1" el_position="first last"]

Primary Call to Action

[/spb_text_block] [spb_boxed_content type="coloured" custom_bg_colour="#6633ff" box_link_target="_self" padding_vertical="10" padding_horizontal="20" el_class="button_content_box" width="1/1" el_position="first last"]

[sf_button colour="white" type="bordered" size="standard" link="http://" target="_self" icon="" dropshadow="no" rounded="no" extraclass="secondary_button"]Primary Button[/sf_button]

[/spb_boxed_content] [spb_codesnippet language="css" width="1/1" el_position="first last"]

paragraph_16 p {
font-family: "Fira Sans";
font-size: 16px;
line-height: 26px;
font-weight: 400;
}

[/spb_codesnippet] [/spb_column] [/spb_row] [spb_row element_name="Links" wrap_type="full-width-contained" row_bg_type="color" row_bg_color="#6633ff" color_row_height="content-height" bg_type="cover" parallax_image_height="content-height" parallax_image_movement="fixed" parallax_image_speed="standard" bg_video_loop="yes" parallax_video_height="window-height" row_top_style="none" row_bottom_style="slant-ltr" parallax_video_overlay="none" row_overlay_opacity="0" remove_element_spacing="no" row_col_spacing="0" row_col_pos="default" row_col_content_pos="top" row_col_equal_heights="no" row_expanding="no" row_animation="none" row_animation_delay="0" minimize_row="yes" simplified_controls="no" custom_css_percentage="no" custom_css="margin-top: 0px;margin-bottom: 0px;padding-top: 100px;padding-bottom: 40px;" border_styling_global="default" width="1/1" el_position="first last"] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;" border_size="0" border_styling_global="default" width="1/1" el_position="first last"]

03Links

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-top: 20px;padding-left: 30px;" border_size="0" border_styling_global="default" el_class="guideline_note light-pink" width="1/1" el_position="first last"]

Usage

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-left: 30px;" border_size="0" border_styling_global="default" el_class="white-text" width="1/2" el_position="first last"]

In sodales, ipsum ut pharetra rutrum, mauris enim pellentesque ligula, posuere vulputate ante ligula et massa. Mauris dictum metus in lorem fringilla cursus. Suspendisse in vehicula arcu. Duis blandit, ante at maximus semper, ex lectus laoreet sapien, vitae tempus turpis nisl eu arcu.

[/spb_text_block] [spb_blank_spacer height="30px" width="1/1" el_position="first last"] [spb_column col_animation="none" col_animation_delay="0" col_bg_type="cover" col_parallax_image_movement="fixed" col_parallax_image_speed="0.5" col_padding="0" col_vertical_offset="0" col_horizontal_offset="0" col_custom_zindex="0" col_sm="4" simplified_controls="no" custom_css_percentage="no" padding_vertical="400" padding_horizontal="30" margin_vertical="30" custom_css="margin-top: 30px;margin-bottom: 30px;padding-left: 30px;padding-right: 30px;" border_styling_global="default" el_class="type_card_2" width="1/3" el_position="first"] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-top: 20px;" border_size="0" border_styling_global="default" el_class="guideline_note" width="1/1" el_position="first last"]

Link - Dark

[/spb_text_block] [spb_boxed_content type="coloured" custom_bg_colour="#ffffff" box_link_target="_self" padding_vertical="10" padding_horizontal="20" el_class="button_content_box" width="1/1" el_position="first last"]

Link Style Dark

[/spb_boxed_content] [spb_codesnippet language="css" width="1/1" el_position="first last"]

paragraph_16 p {
font-family: "Fira Sans";
font-size: 16px;
line-height: 26px;
font-weight: 400;
}

[/spb_codesnippet] [/spb_column] [spb_column col_animation="none" col_animation_delay="0" col_bg_type="cover" col_parallax_image_movement="fixed" col_parallax_image_speed="0.5" col_padding="0" col_vertical_offset="0" col_horizontal_offset="0" col_custom_zindex="0" col_sm="4" simplified_controls="no" custom_css_percentage="no" padding_vertical="400" padding_horizontal="30" margin_vertical="30" custom_css="margin-top: 30px;margin-bottom: 30px;padding-left: 30px;padding-right: 30px;" border_styling_global="default" el_class="type_card_2" width="1/3" el_position="last"] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-top: 20px;" border_size="0" border_styling_global="default" el_class="guideline_note" width="1/1" el_position="first last"]

Primary Call to Action

[/spb_text_block] [spb_boxed_content type="coloured" custom_bg_colour="#6632ff" box_link_target="_self" padding_vertical="10" padding_horizontal="20" el_class="button_content_box" width="1/1" el_position="first last"]

Link Style Light

[/spb_boxed_content] [spb_codesnippet language="css" width="1/1" el_position="first last"]

paragraph_16 p {
font-family: "Fira Sans";
font-size: 16px;
line-height: 26px;
font-weight: 400;
}

[/spb_codesnippet] [/spb_column] [spb_blank_spacer height="30px" width="1/1" el_position="first last"] [/spb_row] [spb_row element_name="Colours - Primary" wrap_type="full-width-contained" row_bg_type="color" row_bg_color="#ffffff" color_row_height="content-height" bg_type="cover" parallax_image_height="content-height" parallax_image_movement="fixed" parallax_image_speed="standard" bg_video_loop="yes" parallax_video_height="window-height" row_id="Colours" row_name="Colours" row_top_style="slant-ltr" row_bottom_style="slant-ltr" parallax_video_overlay="none" row_overlay_opacity="0" remove_element_spacing="no" row_col_spacing="0" row_col_pos="default" row_col_content_pos="top" row_col_equal_heights="yes" row_expanding="no" row_animation="none" row_animation_delay="0" minimize_row="yes" simplified_controls="no" custom_css_percentage="no" custom_css="margin-top: 0px;margin-bottom: 0px;" border_styling_global="default" width="1/1" el_position="first last"] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;" border_size="0" border_styling_global="default" width="1/1" el_position="first last"]

03Colours ~ Primary

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-top: 20px;padding-left: 30px;" border_size="0" border_styling_global="default" el_class="guideline_note" width="1/1" el_position="first last"]

Paragraph and Body Copy

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-left: 30px;" border_size="0" border_styling_global="default" width="1/2" el_position="first last"]

In sodales, ipsum ut pharetra rutrum, mauris enim pellentesque ligula, posuere vulputate ante ligula et massa. Mauris dictum metus in lorem fringilla cursus. Suspendisse in vehicula arcu. Duis blandit, ante at maximus semper, ex lectus laoreet sapien, vitae tempus turpis nisl eu arcu.

[/spb_text_block] [spb_blank_spacer height="30px" width="1/1" el_position="first last"] [spb_icon_box element_name="i7 Blue" title="i7 Blue" box_type="animated-alt" animate_svg="no" target="_self" animation="none" animation_delay="0" icon_color="#ffffff" text_color="#ffffff" bg_color="#6633ff" flip_bg_color="#f9f9f9" flip_text_color="#8f8f8f" animated_box_style="coloured" animated_box_rounded="yes" el_class="colour-box" width="1/4" el_position="first"]

RGA
R 102 - 
G 51 - B 255

Hex
6632FF

[/spb_icon_box] [spb_icon_box element_name="Paper White" title="Paper White" box_type="animated-alt" animate_svg="no" target="_self" animation="none" animation_delay="0" icon_color="#ffffff" text_color="#4a4a4a" bg_color="#ffffff" flip_bg_color="#f9f9f9" flip_text_color="#8f8f8f" animated_box_style="coloured" animated_box_rounded="yes" el_class="colour-box" width="1/4"]

RGA
R 255 - 
G 255 - B2550
Hex
FFFFFF

[/spb_icon_box] [spb_icon_box element_name="Sunshine Yellow" title="Sunshine Yellow" box_type="animated-alt" animate_svg="no" target="_self" animation="none" animation_delay="0" icon_color="#ffffff" text_color="#ffffff" bg_color="#ead201" flip_bg_color="#f9f9f9" flip_text_color="#8f8f8f" animated_box_style="coloured" animated_box_rounded="yes" el_class="colour-box" width="1/4" el_position="last"]

RGA
R 234 - 
G 204 - B 0
Hex
EAD201

[/spb_icon_box] [/spb_row] [spb_row element_name="Colours Secondary" wrap_type="full-width-contained" row_bg_type="color" row_bg_color="#f9f9f9" color_row_height="content-height" bg_type="cover" parallax_image_height="content-height" parallax_image_movement="fixed" parallax_image_speed="standard" bg_video_loop="yes" parallax_video_height="window-height" row_top_style="slant-ltr" row_bottom_style="slant-ltr" parallax_video_overlay="none" row_overlay_opacity="0" remove_element_spacing="no" row_col_spacing="0" row_col_pos="default" row_col_equal_heights="no" row_expanding="no" row_animation="none" row_animation_delay="0" minimize_row="yes" simplified_controls="no" custom_css_percentage="no" custom_css="margin-top: 0px;margin-bottom: 0px;padding-bottom: 60px;" border_styling_global="default" width="1/1" el_position="first last"] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;" border_size="0" border_styling_global="default" width="1/1" el_position="first last"]

03Colours ~ Secondary

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-top: 20px;padding-left: 30px;" border_size="0" border_styling_global="default" el_class="guideline_note" width="1/1" el_position="first last"]

Paragraph and Body Copy

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-left: 30px;" border_size="0" border_styling_global="default" width="1/2" el_position="first last"]

In sodales, ipsum ut pharetra rutrum, mauris enim pellentesque ligula, posuere vulputate ante ligula et massa. Mauris dictum metus in lorem fringilla cursus. Suspendisse in vehicula arcu. Duis blandit, ante at maximus semper, ex lectus laoreet sapien, vitae tempus turpis nisl eu arcu.

[/spb_text_block] [spb_blank_spacer height="30px" width="1/1" el_position="first last"] [spb_icon_box element_name="i7 Blue" title="i7 Blue" box_type="animated-alt" animate_svg="no" target="_self" animation="none" animation_delay="0" icon_color="#ffffff" text_color="#ffffff" bg_color="#00023a" flip_bg_color="#f9f9f9" flip_text_color="#8f8f8f" animated_box_style="coloured" animated_box_rounded="yes" el_class="colour-box" width="1/4" el_position="first"]

RGA
R 102 - 
G 51 - B 255

Hex
6632FF

[/spb_icon_box] [spb_icon_box element_name="i7 Blue" title="i7 Blue" box_type="animated-alt" animate_svg="no" target="_self" animation="none" animation_delay="0" icon_color="#ffffff" text_color="#ffffff" bg_color="#454545" flip_bg_color="#f9f9f9" flip_text_color="#8f8f8f" animated_box_style="coloured" animated_box_rounded="yes" el_class="colour-box" width="1/4"]

RGA
R 102 - 
G 51 - B 255

Hex
6632FF

[/spb_icon_box] [spb_icon_box element_name="i7 Blue" title="i7 Blue" box_type="animated-alt" animate_svg="no" target="_self" animation="none" animation_delay="0" icon_color="#ffffff" text_color="#ffffff" bg_color="#bababa" flip_bg_color="#f9f9f9" flip_text_color="#8f8f8f" animated_box_style="coloured" animated_box_rounded="yes" el_class="colour-box" width="1/4"]

RGA
R 102 - 
G 51 - B 255

Hex
6632FF

[/spb_icon_box] [spb_icon_box element_name="i7 Blue" title="i7 Blue" box_type="animated-alt" animate_svg="no" target="_self" animation="none" animation_delay="0" icon_color="#ffffff" text_color="#ffffff" bg_color="#cccccc" flip_bg_color="#f9f9f9" flip_text_color="#8f8f8f" animated_box_style="coloured" animated_box_rounded="yes" el_class="colour-box" width="1/4" el_position="last"]

RGA
R 102 - 
G 51 - B 255

Hex
6632FF

[/spb_icon_box] [spb_blank_spacer height="60px" width="1/1" el_position="first last"] [spb_icon_box element_name="i7 Blue" title="i7 Blue" box_type="animated-alt" animate_svg="no" target="_self" animation="none" animation_delay="0" icon_color="#ffffff" text_color="#ffffff" bg_color="#dedede" flip_bg_color="#f9f9f9" flip_text_color="#8f8f8f" animated_box_style="coloured" animated_box_rounded="yes" el_class="colour-box" width="1/4" el_position="first"]

RGA
R 102 - 
G 51 - B 255

Hex
6632FF

[/spb_icon_box] [spb_icon_box element_name="i7 Blue" title="i7 Blue" box_type="animated-alt" animate_svg="no" target="_self" animation="none" animation_delay="0" icon_color="#ffffff" text_color="#ffffff" bg_color="#ededed" flip_bg_color="#f9f9f9" flip_text_color="#8f8f8f" animated_box_style="coloured" animated_box_rounded="yes" el_class="colour-box" width="1/4"]

RGA
R 102 - 
G 51 - B 255

Hex
6632FF

[/spb_icon_box] [spb_icon_box element_name="i7 Blue" title="i7 Blue" box_type="animated-alt" animate_svg="no" target="_self" animation="none" animation_delay="0" icon_color="#ffffff" text_color="#ffffff" bg_color="#f7f7f7" flip_bg_color="#f9f9f9" flip_text_color="#8f8f8f" animated_box_style="coloured" animated_box_rounded="yes" el_class="colour-box" width="1/4" el_position="last"]

RGA
R 102 - 
G 51 - B 255

Hex
6632FF

[/spb_icon_box] [/spb_row] [spb_row element_name="Input Fields" wrap_type="full-width-contained" row_bg_type="color" row_bg_color="#ffffff" color_row_height="content-height" bg_type="cover" parallax_image_height="content-height" parallax_image_movement="fixed" parallax_image_speed="standard" bg_video_loop="yes" parallax_video_height="window-height" row_id="Input_Fields" row_name="Input Fields" row_top_style="slant-ltr" row_bottom_style="none" parallax_video_overlay="none" row_overlay_opacity="0" remove_element_spacing="no" row_col_spacing="0" row_col_pos="default" row_col_equal_heights="no" row_expanding="no" row_animation="none" row_animation_delay="0" minimize_row="yes" simplified_controls="no" custom_css_percentage="no" custom_css="margin-top: 0px;margin-bottom: 0px;padding-bottom: 60px;" border_styling_global="default" width="1/1" el_position="first last"] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;" border_size="0" border_styling_global="default" width="1/1" el_position="first last"]

03Input Fields

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-top: 20px;padding-left: 30px;" border_size="0" border_styling_global="default" el_class="guideline_note" width="1/1" el_position="first last"]

Paragraph and Body Copy

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-left: 30px;" border_size="0" border_styling_global="default" width="1/2" el_position="first last"]

In sodales, ipsum ut pharetra rutrum, mauris enim pellentesque ligula, posuere vulputate ante ligula et massa. Mauris dictum metus in lorem fringilla cursus. Suspendisse in vehicula arcu. Duis blandit, ante at maximus semper, ex lectus laoreet sapien, vitae tempus turpis nisl eu arcu.

[/spb_text_block] [spb_blank_spacer height="60px" width="1/1" el_position="first last"] [spb_column col_sm="6" padding_horizontal="0" width="1/2" el_position="first"] [spb_text_block animation="none" animation_delay="0" simplified_controls="yes" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;" border_size="0" border_styling_global="default" el_class="field_pre_number_col" width="1/6" el_position="first"]

1/4

[/spb_text_block] [spb_raw_html width="3/4" el_position="last"]JTNDcCUyMGNsYXNzJTNEJTIyaW5wdXRfdGl0bGUlMjIlM0VGaXJzdCUyMG5hbWUlM0ElM0MlMkZwJTNFJTBBJTNDaW5wdXQlMjBjbGFzcyUzRCUyMmlucHV0X2RlZmF1bHQlMjIlMjBuYW1lJTNEJTIyZm5hbWUlMjIlMjB0eXBlJTNEJTIydGV4dCUyMiUyMHBsYWNlaG9sZGVyJTNEJTIyRmlyc3QlMjBuYW1lJTIyJTIwJTIwJTJGJTNF[/spb_raw_html] [spb_text_block animation="none" animation_delay="0" simplified_controls="yes" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;" border_size="0" border_styling_global="default" el_class="field_pre_number_col" width="1/6" el_position="first"]

2/4

[/spb_text_block] [spb_raw_html width="3/4" el_position="last"]JTNDcCUyMGNsYXNzJTNEJTIyaW5wdXRfdGl0bGUlMjIlM0VDcmVhdGUlMjBhJTIwcGFzc3dvcmQlM0ElM0MlMkZwJTNFJTNDaW5wdXQlMjBpZCUzRCUyMnB3ZCUyMiUyMGNsYXNzJTNEJTIyaW5wdXRfZGVmYXVsdCUyMiUyMHR5cGUlM0QlMjJwYXNzd29yZCUyMiUyMHBsYWNlaG9sZGVyJTNEJTIyRW50ZXIlMjBwYXNzd29yZCUyMiUyMCUyRiUzRQ==[/spb_raw_html] [/spb_column] [spb_column col_sm="6" padding_horizontal="0" width="1/2" el_position="last"] [spb_text_block animation="none" animation_delay="0" simplified_controls="yes" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;" border_size="0" border_styling_global="default" el_class="field_pre_number_col" width="1/6" el_position="first"]

1/4

[/spb_text_block] [spb_raw_html width="3/4" el_position="last"]JTNDcCUyMGNsYXNzJTNEJTIyaW5wdXRfdGl0bGVfZXJyb3IlMjIlM0VUaGlzJTIwZmllbGQlMjBpcyUyMHJlcXVpcmVkJTIwfiUyMEZpcnN0JTIwbmFtZSUzQSUzQyUyRnAlM0UlMEElM0NpbnB1dCUyMGNsYXNzJTNEJTIyaW5wdXRfZGVmYXVsdF9lcnJvciUyMiUyMG5hbWUlM0QlMjJmbmFtZSUyMiUyMHR5cGUlM0QlMjJ0ZXh0JTIyJTIwcGxhY2Vob2xkZXIlM0QlMjJGaXJzdCUyMG5hbWUlMjIlMjAlMjAlMkYlM0U=[/spb_raw_html] [/spb_column] [/spb_row] [spb_row element_name="Selectors" wrap_type="full-width-contained" row_bg_type="color" row_bg_color="#f9f9f9" color_row_height="content-height" bg_type="cover" parallax_image_height="content-height" parallax_image_movement="fixed" parallax_image_speed="standard" bg_video_loop="yes" parallax_video_height="window-height" row_top_style="slant-ltr" row_bottom_style="none" parallax_video_overlay="none" row_overlay_opacity="0" remove_element_spacing="no" row_col_spacing="0" row_col_pos="default" row_col_equal_heights="no" row_expanding="no" row_animation="none" row_animation_delay="0" minimize_row="yes" simplified_controls="no" custom_css_percentage="no" custom_css="margin-top: 0px;margin-bottom: 0px;padding-top: 60px;padding-bottom: 80px;" border_styling_global="default" width="1/1" el_position="first last"] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;" border_size="0" border_styling_global="default" width="1/1" el_position="first last"]

03Selectors

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-top: 20px;padding-left: 30px;" border_size="0" border_styling_global="default" el_class="guideline_note" width="1/1" el_position="first last"]

Paragraph and Body Copy

[/spb_text_block] [spb_text_block animation="none" animation_delay="0" simplified_controls="no" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-left: 30px;" border_size="0" border_styling_global="default" width="1/2" el_position="first last"]

In sodales, ipsum ut pharetra rutrum, mauris enim pellentesque ligula, posuere vulputate ante ligula et massa. Mauris dictum metus in lorem fringilla cursus. Suspendisse in vehicula arcu. Duis blandit, ante at maximus semper, ex lectus laoreet sapien, vitae tempus turpis nisl eu arcu.

[/spb_text_block] [spb_blank_spacer height="60px" width="1/1" el_position="first last"] [spb_column col_sm="6" padding_horizontal="0" width="1/2" el_position="first"] [spb_text_block animation="none" animation_delay="0" simplified_controls="yes" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;" border_size="0" border_styling_global="default" el_class="field_pre_number_col" width="1/6" el_position="first"]

1/4

[/spb_text_block] [spb_raw_html width="3/4" el_position="last"]JTNDcCUyMGNsYXNzJTNEJTIyaW5wdXRfdGl0bGUlMjIlM0VEbyUyMHlvdSUyMGhhdmUlMjBhbnklMjB2aXNhJTIwcmVxdWlyZW1lbnRzJTNGJTNBJTNDJTJGcCUzRSUwQSUyMCUyMCUzQ2Zvcm0lMjBjbGFzcyUzRCUyMmZvcm0lMjIlM0UlMEElMjAlMjAlMjAlMjAlM0NkaXYlMjBjbGFzcyUzRCUyMnN3aXRjaC1maWVsZCUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUzQ2lucHV0JTIwdHlwZSUzRCUyMnJhZGlvJTIyJTIwaWQlM0QlMjJzd2l0Y2hfbGVmdCUyMiUyMG5hbWUlM0QlMjJzd2l0Y2hfMiUyMiUyMHZhbHVlJTNEJTIyeWVzJTIyJTIwY2hlY2tlZCUyRiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUzQ2xhYmVsJTIwZm9yJTNEJTIyc3dpdGNoX2xlZnQlMjIlM0VZZXMlM0MlMkZsYWJlbCUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUzQ2lucHV0JTIwdHlwZSUzRCUyMnJhZGlvJTIyJTIwaWQlM0QlMjJzd2l0Y2hfcmlnaHQlMjIlMjBuYW1lJTNEJTIyc3dpdGNoXzIlMjIlMjB2YWx1ZSUzRCUyMm5vJTIyJTIwJTJGJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTNDbGFiZWwlMjBmb3IlM0QlMjJzd2l0Y2hfcmlnaHQlMjIlM0VObyUzQyUyRmxhYmVsJTNFJTBBJTIwJTIwJTIwJTIwJTNDJTJGZGl2JTNFJTNDJTJGZm9ybSUzRQ==[/spb_raw_html] [/spb_column] [spb_column col_animation="none" col_animation_delay="0" col_bg_type="cover" col_parallax_image_movement="fixed" col_parallax_image_speed="0.5" col_padding="0" col_vertical_offset="0" col_horizontal_offset="0" col_custom_zindex="0" col_sm="6" simplified_controls="no" custom_css_percentage="no" padding_vertical="400" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-left: 60px;" border_styling_global="default" width="1/2" el_position="last"] [/spb_column] [/spb_row]