Font Face
Teva Sans Latin
Drafts & Templates
-
-
Templates
- Homepage
- Lobby Page - Mood header
- Lobby Page - Intro header
- Story Overview
- Story Detail
- News Overview
- News Detail
- Article Page
- Contact
- Country detail page
- Product country switch
- Search result
- FAQ
- FAQ (new)
- Organization Overview
- Organization Detail
- Pipeline
- R&D Pipeline Refresh
- R&D Pipeline Refresh with Filters
- Popup
- Timeline
- Tag filters - Slider
- Tag filters - Grid
-
Templates New Header
- Homepage
- Lobby Page - Mood header
- Lobby Page - Intro header
- Story Overview
- Story Detail
- News Overview
- News Detail
- News Detail -- not fixed
- Article Page
- Contact
- Country detail page
- Product country switch
- Search result
- FAQ
- FAQ (new)
- Organization Overview
- Organization Detail
- Pipeline
- R&D Pipeline Refresh
- R&D Pipeline Refresh with Filters
- Popup
- Timeline
- Tag filters - Slider
- Tag filters - Grid
- Drafts
-
Templates
-
-
Templates - TWS
- Bulk Order
- Impersonate User Page
- Switch Pharmacy
- Catalog Page
- Top bars
- Homepage With Strips and Cards
- MyTevaLab Registration Page
- Logged In Home
- Onboarding Personal Area
- Page Loader
- Table Row Product
- Events Directory
- Order History
- Claims History
- Claims Detail Page
- Order Details Page
- Upload my profile
- Side Panel
- Side Panel Shopping Cart
- Articles Directory
- Article Gated
- Article
- Article (corrected according master)
- Events Landing
- Strip Visual Slider
- Search Results
- My Invoices
- Contact Page
- Tabs with Table
- Templates - TWS new header
-
Templates - None Editable
- Strip Split Two
- Strip Split Three
- Strip Split Two
- Strip Split Two Double
- Strip Split Three
- Strip Split Three Double
- Strip Visual
- Careers Lobby (fragment)
- News Media Lobby
- News Overview
- Article News
- Search Results
- Contact
- HCP Popup
- Marketing Popup
- Organization Overview
- Organization Detail
- Doctor discussion guide result page
- Sitemap
- Fixed Banner
- Templates - Standard SCS
- Templates - Extra SCS
- Templates - Life Effects
- Templates - Products SCS
- Templates - Minimal Layout SCS
- Templates - ID-hub
- Drafts
- Drafts - Video Testing
- Drafts - Infographic
-
Drafts - Example
- Bentobox Color Issue
- Table Pagination Issue
- Teva 2025 Background
- New header overlapping issue
- Table in Accordion Issue
- Target Accordion Issue
- Image with text using grid examples
- Fixed Header Stacking 1
- Fixed Header Stacking 2
- Fixed Header Stacking 3
- Fixed Header Stacking 4
- Aligning Card Contents
- Article with grid
- Numeric stepper issue
- Slider item test
- Modal form reset issue
- Form in split card
- Leaflet
- Iframe with GWD Banner
- Empty Layout
- Logo replacement
- Epic Slider
- Visual Slider
-
Templates - TWS
PBS Templates
-
- Examples
- Minimal layout
- Landing layout
- Products
- Collections
-
- Examples
- Minimal layout
- Landing layout
- Products
- Collections
-
- Examples
- Minimal layout
- Landing layout
- Products
- Collections
-
- Examples
- Minimal layout
- Landing layout
- Products
- Collections
-
- Examples
- Minimal layout
- Landing layout
- Products
- Collections
-
- Examples
- Minimal layout
- Landing layout
- Products
- Collections
-
- Examples
- Minimal layout
- Landing layout
- Products
- Collections
-
- Examples
- Minimal layout
- Landing layout
- Products
- Collections
-
- Examples
- Minimal layout
- Landing layout
- Products
- Collections
-
- Examples
- Minimal layout
- Landing layout
- Products
- Collections
-
- Examples
- Minimal layout
- Landing layout
- Products
- Collections
-
- Examples
- Minimal layout
- Landing layout
- Products
- Collections
-
- Examples
- Minimal layout
- Landing layout
- Products
- Collections
-
- Examples
- Minimal layout
- Landing layout
- Products
- Collections
-
- Examples
- Minimal layout
- Landing layout
- Products
- Collections
-
- Examples
- Minimal layout
- Landing layout
- Products
- Collections
-
- Examples
- Minimal layout
- Landing layout
- Products
- Collections
-
- Examples
- Minimal layout
- Landing layout
- Products
- Collections
-
- Examples
- Minimal layout
- Landing layout
- Products
- Collections
-
- Examples
- Minimal layout
- Landing layout
- Products
- Collections
-
- Examples
- Minimal layout
- Landing layout
- Products
- Collections
-
- Examples
- Minimal layout
- Landing layout
- Products
- Collections
Primitives & components context
Primitives & components: Teva SCS
-
- Colors
- Typography
- Iconography
-
- Intro
- TWS ONLY
- Image Components
- Accordion
- Alert
- Area Link
- Article Meta Data
- Badge
- Banner
- Breadcrumb
- Button
- Card
- Card Badge v2
- Clickable Images
- Combobox
- Component Loader
- Contact Decision Tree
- Content Layout
- Content Rating
- Container
- Country Select
- Display Header
- Drill Down
- Figure
- Fixed Banner
- Flexbox
- Footnote
- Form
- Glossary
- Grid
- Icon List
- Image Carousel
- Infographic
- Input Extend
- Loading Indicator
- Map Global
- Map Local
- Media Object
- Modal
- Modal Layout
- Multiple Select V3
- Numeric Stepper
- Page
- Pagination
- Pop Button
- Pop Navigation
- Read out loud
- Safety Instruction
- Scrollpane
- Search Box
- Search Result
- Separator
- Share Buttons
- Share Quote
- Sidebar Section
- Signature Field
- Site Split
- Sitemap
- Slider
- Store Locator
- Strip
- Table
- Tab Panel
- Taxonomy
- Timeline Components
- Toast
- Tooltip
- Video
- Video Hero
- Visual Select button
- Voucher Bar
- Wizard
The Page Branding for SCS shows Teva logo and extension within a link.
The Extension is positioned under the logo to preserve horizontal screen estate. On smaller screens the extension is placed text to the logo to preserve vertical screen estate.
Page Branding is part of the Page component.
<!-- Page Branding -->
<div class="vi-page-branding">
<div class="vi-page-branding__main">
<a class="vi-page-branding__link" href="#home-536303" rel="home">
<div class="vi-page-branding__logo">
<img src="/assets/images/logos/logo_teva.svg" alt="Teva">
</div>
<div class="vi-page-branding__extension">
<em class="vi-page-branding__extension-text">Liechtenstein
</em>
</div>
</a>
</div>
</div>
<!-- Page Branding -->
<div class="vi-page-branding">
<div class="vi-page-branding__main">
<a class="vi-page-branding__link" href="#home-b31145" rel="home">
<div class="vi-page-branding__logo">
<img src="/assets/images/logos/logo_teva.svg" alt="Teva">
</div>
<div class="vi-page-branding__extension">
<em class="vi-page-branding__extension-text">Hong Kong
</em>
</div>
</a>
</div>
</div>
<!-- Page Branding -->
<div class="vi-page-branding">
<div class="vi-page-branding__main">
<a class="vi-page-branding__link" href="#home-4bc8b3" rel="home">
<div class="vi-page-branding__logo">
<img src="/assets/images/logos/logo_teva.svg" alt="Teva">
</div>
<div class="vi-page-branding__extension">
<em class="vi-page-branding__extension-text">The Netherlands
</em>
</div>
</a>
</div>
</div>