Show page outside styleguide
Font Face
Teva Sans Latin

Drafts & Templates
PBS Templates

Primitives & components context

Primitives & components: Teva SCS

Skip to main content

Replacement logo image

Within Teva SCS context and Teva Global, page components are aligned to the size and ratio of the logo.

For both Teva SCS and Teva Global contexts:

  • The aspect ratio of the Teva logo is 17:6
  • The dimensions of the header logo are 100x35px (17:6)
  • The dimensions of the footer logo are 68x24px (17:16)

Folling image is used 340x120px (17:6)

The header logo image can be replaced by changing the src attribute img the <img> tag.

The footer logo image is part of the stylesheet and can be replaced by the following css:

<style>
  .vi-page-footer__main::after {
    background-image: url('static/test-340x120.jpg::skip');
    background-size: cover;
  }
</style>