Web Page Styles

BEST Techs Contracting
Website Style Guide

A handy style guide for BEST Techs website

Logo

BEST Techs Contracting logo

Colours

Primary and Accent Colours

Primary Colour 1

Blue
#255894

Primary Colour 2

Green
#4f9324

Grey Text Colours and Backgrounds

Primary Colour 1

Black
#2e2e2e

Accent Colour 1

Background
#ffffff

Accent Colour 2

Row Background
#f6f6f6

Typography

Heading 1

Font Family:       Roboto Bold
Font Size:            45px
Font Colour:       #003779
Font Weight:       700
Font Case:          Uppercase
Line Height:        1.35

The quick brown fox jumps over the lazy dog

Heading 2

Font Family:       Roboto Bold
Font Size:            40px
Font Colour:       #003779
Font Weight:       700
Font Case:          Uppercase
Line Height:        1.35

The quick brown fox jumps over the lazy dog

Heading 3

Font Family:       Roboto Bold
Font Size:            35px
Font Colour:       #003779
Font Weight:       700
Font Case:          Uppercase
Line Height:        1.35

The quick brown fox jumps over the lazy dog

Heading 4

Font Family:       Roboto
Font Size:           30px
Font Colour:       #003779
Font Weight:       700
Font Case:          Uppercase
Line Height:        1.35

The quick brown fox jumps over the lazy dog

Body Text

Font Family:       Lora Regular
Font Size:           18 px
Font Colour:       #555555
Font Weight:       300
Line Height:        1.5

Lorem ipsum dolor sit amet, nam ad ipsum ludus intellegat, mei nonumes noluisse in, posse omnium indoctum sed ea. Ullum quodsi est ad. Ferri etiam hendrerit ius ea. Pro et quem oporteat, ei soleat convenire nec. Eam tritani tibique consequat id, sit an prima ornatus, eu quando democritum quo.

Pri ne utinam iudicabit. Solum aperiri salutandi usu an, essent definiebas eam ea. No nonumes omittantur necessitatibus eum, vim ei feugiat blandit, vis ei nostrud vulputate.

Sample Usage

The quick brown fox jumps over the lazy dog

Lorem ipsum dolor sit amet, nam ad ipsum ludus intellegat, mei nonumes noluisse in, posse omnium indoctum sed ea. Ullum quodsi est ad. Ferri etiam hendrerit ius ea. Pro et quem oporteat, ei soleat convenire nec. Eam tritani tibique consequat id, sit an prima ornatus, eu quando democritum quo.

  • Te nam solum mucius inermis.
  • Everti efficiendi no pro, et vel inani falli altera.
  • No eius convenire nam, vim probo constituam ut.

 

  1. Integre omnesque reprimique eum ut, eam at tibique indoctum.
  2. Tibique suscipit cotidieque at vim, vis quis amet in.
  3. Per ad dicant salutatus.

 

Ne choro iudico primis qui, nam splendide reformidans at, ei usu ullum explicari.

 

Pri ne utinam iudicabit. Solum aperiri salutandi usu an, essent definiebas eam ea. No nonumes omittantur necessitatibus eum, vim ei feugiat blandit, vis ei nostrud vulputate.

Button Styles

Primary Colour Buttons

FILLED BUTTONS

Normal

OUTLINED BUTTONS

Normal

FILLED ICON BUTTON

Normal

OUTLINE ICON BUTTON

Normal

Secondary Colour Buttons

FILLED BUTTONS

Normal

OUTLINED BUTTONS

Normal

FILLED ICON BUTTON

Normal

OUTLINE ICON BUTTON

Normal

BEST Techs Contracting Scroll to Top