Bioriginal Website Styleguide

1. Colours

1.1 Mains

#005080
.bg-color-primary
#02833d
.bg-color-secondary
#0a283f
.bg-color-tertiary

2. Typography

2.1 Main Body Copy

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ut bibendum velit. Donec in lectus eget felis ornare ultricies. Nullam elementum cursus felis, vel tincidunt orci luctus id. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nulla elementum ex et tristique aliquam. Nulla quis ultrices nisi, quis sodales quam.

2.2 Small Body Copy

Etiam sagittis urna a aliquet bibendum. Suspendisse potenti. Cras pharetra fermentum libero, id tempor mi pharetra quis. Aenean vitae diam vulputate, gravida justo quis, convallis ipsum. Integer quis lectus et lectus ornare semper id eu libero.

2.3 Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

2.4 Lists

Unordered Lists

Standard
  • Nulla elementum ex et tristique
  • Aliquam. Nulla quis ultrices
  • Nisi, quis sodales quam
Alternate
  • Nulla elementum ex et tristique
  • Aliquam. Nulla quis ultrices
  • Nisi, quis sodales quam

Ordered Lists

Standard
  1. Nulla elementum ex et tristique
  2. Aliquam. Nulla quis ultrices
  3. Nisi, quis sodales quam
Alternate
  1. Nulla elementum ex et tristique
  2. Aliquam. Nulla quis ultrices
  3. Nisi, quis sodales quam

2.5 Blockquote

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud citation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit