Trinity Hero

We can add extra text here | the background color to be set with the Theme Generator

Takeda Content Guides | Moodboards | Trinities

Trinity | Standard | no Gradient

The standard Trinity has no gradient the centre point of the image is always visible

Trinity Image settings

This is a Test Headline

For best results please use a max of 200 character, for best results please use a max of 200 characters, for best results please use a max of 200 character, for best results please use a max of  200 c

Trinity Image settings

This is a Test Headline

For best results please use a max of 200 character, for best results please use a max of 200 characters, for best results please use a max of 200 character, for best results please use a max of  200 c

Trinity Image Icon II

This is a Test Headline

For best results please use a max of 200 character, for best results please use a max of 200 characters, for best results please use a max of 200 character, for best results please use a max of  200 c


Vertical Style

the Trinity can also be displayed in vertical modus

This is a Test Headline

Trinity Vertical 1

please adjust the image for better positioning and please use a max of 200 characters, please adjust the image for better positioning and please use a max of 200 characters

This is a Test Headline

Trinity Vertical II

please adjust the image for better positioning and please use a max of 200 characters, please adjust the image for better positioning and please use a max of 200 characters

This is a Test Headline

Trinity Vertical III

please adjust the image for better positioning and please use a max of 200 characters, please adjust the image for better positioning and please use a max of 200 characters


Vertical Block Style

The Trinity can also be displayed in Vertical Block Style 

Single Slide Left (Regular)

Headline and text need to fit

a text block of approx 300 characters will work, text block of approx 300 characters will work, text block of approx 300 characters will work, text block of approx 300 characters will work, a text block of approx 300 characters will work, text block---

Single Slide Right (Regular)

Slide with Link

a text block of approx 300 characters will work, text block of approx 300 characters will work, text block of approx 300 characters will work, text block of approx 300 characters will work, a text block of approx 300 characters will work, text block---

Single Slide Right (Regular)

Slide with Link

a text block of approx 300 characters will work, text block of approx 300 characters will work, text block of approx 300 characters will work, text block of approx 300 characters will work, a text block of approx 300 characters will work, text block---

Single Slide Right (Regular)

Slide with Link

a text block of approx 300 characters will work, text block of approx 300 characters will work, text block of approx 300 characters will work, text block of approx 300 characters will work, a text block of approx 300 characters will work, text block---

Single Slide Right (Regular)

Slide with Link

a text block of approx 300 characters will work, text block of approx 300 characters will work, text block of approx 300 characters will work, text block of approx 300 characters will work, a text block of approx 300 characters will work, text block---

Single Slide Left (Regular)

Headline and text need to fit

a text block of approx 300 characters will work, text block of approx 300 characters will work, text block of approx 300 characters will work, text block of approx 300 characters will work, a text block of approx 300 characters will work, text block---

Trinity | Dark Gradient

Below an example of a trinity with a dark gradient

Trinity Double 1

Trinity Double 1

With Dark Gradient, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata---

Trinity Dark Gradient

Trinity Double 2

With Dark Gradient, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata---

Trinity Dark Gradient

Trinity Single

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea---


Trinity | Light Gradient

Below an example of a trinity with a light gradient

Trinity Double (light Gradient)

Trinity Double 1

With Light Gradient, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata---

Trinity Double (light Gradient)

Trinity Double 2

With Light Gradient, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata---

Trinity Light Gradient

Trinity Single

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea---


Trinity | Dark With Text Elements

Trinities can also have text elements in the right block

Trinity Dark Gradient

Trinity Double 2

With Dark Gradient, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata---

Trinity Double 1

Trinity Double 1

With Dark Gradient, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata---

Example Text

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.

Example Title

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.