dynamic hero with no config

dynamic hero with config (render mode : Standard,product category : wireless ,Featured Data : Percentage,Background color : Black)

test on dynamic hero (adjustment-orange is used as icon)

 

Testing the rich text for the dynamic hero

  • Test1
  • Test2
  • Test3
  1. Test4
  2. Test5
  3. Test6

 

Testing the tooltip of the text

Testing the link

dynamic hero with config (render mode : Container(Text Image),product category : wireless ,Featured Data : Percentage,Background color : White)

The arrow-right-black is used

 

Testing the rich text for the text image variant

  • Test1
  • Test2
  • Test3
  1. Test4
  2. Test5
  3. Test6

Testing the tooltip of the text

Testing the link

 

dynamic hero with config (render mode : Container(Text Image,Content Accordion),product category : wireless ,Featured Data : Percentage,Background color : Orange-Brand)

dynamic hero with config (render mode : Teaser(Text Image),product category : wireless ,Featured Data : Percentage,Background color : Orange-Tint 1)

Testing the rich text for the text image variant

  1. Test 1
  2. Test2
  3. Test3
  • Test4
  • Test5
  • Test6

 

Testing the tooltip of the dynamic hero

Testing the link

dynamic hero with config (render mode : Teaser(Text Image),product category : wireless ,Featured Data : Percentage,Background color : Grey-Tint 1)

dynamic hero with config (render mode : Teaser(Text Image),product category : wireless ,Featured Data : Percentage,Background color : Yellow -Tint 1)

dynamic hero with config (render mode : Teaser(Text Image),product category : wireless ,Featured Data : Percentage,Background color : Blue -Tint 1)

dynamic hero with config (render mode : Teaser(Text Image),product category : wireless ,Featured Data : Percentage,Background color : Green -Tint 1)

dynamic hero with config (render mode : Contained(Text Image, Content Accordion),product category : wireless ,Featured Data : Percentage,Background color : Red -Tint 1)

Testing the rich text for the dynamic hero

 

  1. Test 1
  2. Test 2
  3. Test 3
  • Test 4
  • Test 5
  • Test 6 

Testing the tooltip of the dynamic hero

 

Testing the link

dynamic hero with config (render mode : Home(Dynamic Hero),product category : wireless ,Featured Data : Percentage,Background color : Orange-Tint 2)

Testing the rich text for the dynamic hero 

Test 1

Test 2

Test 3

Test 4 

Test 5

Test 6

 

Testing the tooltip of the dynamic hero

 

Testing the link

Test(plus sign ,Primary)

dynamic hero with config (render mode : Home(Dynamic Hero),product category : wireless ,Featured Data : Percentage,Background color : Grey-Tint 2)

Test(phone,Secondary)

dynamic hero with config (render mode : Home(Dynamic Hero),product category : wireless ,Featured Data : Percentage,Background color : Yellow -Tint 2)

Test(Download,Tertiary)

dynamic hero with config (render mode : Home(Dynamic Hero),product category : wireless ,Featured Data : Percentage,Background color : Blue -Tint 2)

Test(Cart,Inline)
Digitec

dynamic hero with config (render mode : Home(Dynamic Hero),product category : wireless ,Featured Data : Percentage,Background color : Green -Tint 2)

Test(Arrow Downwards,Primary)

dynamic hero with config (render mode : Home(Dynamic Hero),product category : wireless ,Featured Data : Percentage,Background color : Red -Tint 2)

Test(Arrow rightwards,Secondary)

dynamic hero with config (render mode : Home(Dynamic Hero),product category : wireless ,Featured Data : Percentage,Background color : Red -Tint 2)

Test(Arrow diagonal,Secondary)
SBB CFF

dynamic hero with config (render mode : Option(Dynamic Hero),product category : wireless ,Featured Data : Percentage,Background color : Orange-Tint 3)

dynamic hero with config (render mode : Option(Dynamic Hero),product category : wireless ,Featured Data : Percentage,Background color : Grey-Tint 3)

dynamic hero with config (render mode : Option(Dynamic Hero),product category : wireless ,Featured Data : Percentage,Background color : Yellow -Tint 3)

Testing the rich text for the dynamic hero

  1. Test1
  2. Test2
  3. Test3
  • Test4
  • Test5
  • Test6

 

Testing the tooltip of the text

 

Testing the link

dynamic hero with config (render mode : Option(Dynamic Hero),product category : wireless ,Featured Data : Percentage,Background color : Blue -Tint 3)

dynamic hero with config (render mode : Option(Dynamic Hero),product category : wireless ,Featured Data : Percentage,Background color : Green -Tint 3)

dynamic hero with config (render mode : Option(Dynamic Hero),product category : wireless ,Featured Data : Percentage,Background color : Red -Tint 3)

dynamic hero with config (render mode : Two columns(Product Options),product category : wireless ,Featured Data : Percentage,Background color : Orange-Tint 4)

Testing the rich text for the text dynamic hero

  1. Test1
  2. Test2
  3. Test3
  • Test4
  • Test5
  • Test6

 

Testing the tooltip 

Testing the link

dynamic hero with config (render mode : Two columns(Product Options),product category : wireless ,Featured Data : Percentage,Background color : Grey -Tint 4)

dynamic hero with config (render mode : Two columns(Product Options),product category : wireless ,Featured Data : Percentage,Background color : Yellow -Tint 4)

dynamic hero with config (render mode : Two columns(Product Options),product category : wireless ,Featured Data : Percentage,Background color : Blue -Tint 4)

dynamic hero with config (render mode : Two columns(Product Options),product category : wireless ,Featured Data : Percentage,Background color : Green -Tint 4)

dynamic hero with config (render mode : Two columns(Product Options),product category : wireless ,Featured Data : Percentage,Background color : Red -Tint 4)

Logo M-Budget Mobile

dynamic hero with config (render mode : Full-Width(Content Accordion),product category : wireless ,Featured Data : Percentage,Background color : Orange-Tint 5)

Testing the rich text for the dynamic hero

  1. Test1
  2. Test2
  3. Test3

 

  • Test4
  • Test5
  • Test6

 

Testing the dynamic hero

 

Testing the link

dynamic hero with config (render mode : Full-Width(Content Accordion),product category : wireless ,Featured Data : Percentage,Background color : Grey -Tint 5)

Text Image with no config

desktop-black

Render mode(Standard(Text Image,Dynamic hero)

Text:Black,Background color : none,Asset Position : Top)

cloud-black

Render mode(Standard(Text Image,Dynamic hero)

Text:Green - Tint 3,Background color : red - Tint 1 ,Asset Position : Top)

Render mode(Standard(Text Image,Dynamic hero)

Text:Black,Background color : orange-brand,Asset Position : Top)

switch-orange

Render mode(Standard(Text Image,Dynamic hero)

Text:Green - Tint 3,Background color : red - Tint 1,Asset Position : Top)

Render mode : standard(Text image,Dynamic hero)

Text : white ,background color : black,Asset position : right 

email-black

Render mode : standard(Text image,Dynamic hero)

Text : green - Tint 2,background color : Orange - Tint 5,Asset position : right 

Render mode : Container(Text Image)

Text : Orange - Tint 1 ,background color : grey - Tint 1 ,Asset position : top

cart-black

Render mode : Container(Text Image)

Text : Green - Tint 1 ,background color : Orange - Tint 2 ,Asset position : top

Render mode : Container(Text Image)

Text : orange - Tint 2,background color : grey - Tint 2 ,Asset position : bottom

user-black

Render mode : Container(Text Image)

Text : red - Tint 4,background color : orange - Tint 1 ,Asset position : bottom

user-orange

Render mode : Container(Text Image)

Text : red - Tint 3,background color : white ,Asset position : bottom

voicetravel-black

Render mode : Contained(Text image,Content Accordion)

Text : red - Tint 2 ,background color : Yellow - Tint 2,Asset position : top 

Render mode : Contained(Text image,Content Accordion)

Text : orange - Tint 3 ,background color : Grey - Tint 3,Asset position : top 

 

Testing the rich text for the text variant

 

  1. Test1
  2. Test2
  3. Test3
  • Test4
  • Test5
  • Test6
  •  

Testing the Tooltip of the text

 

Testing the link

Render mode : Teaser(Text image)

Text : Orange - Tint 4,background color : Grey - Tint 4 ,Asset position : top 

swiss-flag

Render mode : Teaser(Text image)

Text : Red - Tint 1,background color : Yellow - Tint 1,Asset position : top 

travel-mobile

Render mode : Teaser(Text image)

Text : Blue - Tint 4,background color : Green - Tint 4 ,Asset position : top 

 

 

Testing the rich text for the text image variant

  1. Test 1
  2. Test 2
  3. Test 3
  • Test 4
  • Test 5
  • Test 6

Testing the Tooltip of the Text

 

Testing the link

Render mode : Container(Text Image)

Text : Orange - Tint 5,background color : Grey - Tint 5,Asset position : Bottom

 

Testing the rich text for the text image variant

  • Test 1
  • Test 2
  • Test 3
  1. Test 4
  2. Test 5
  3. Test 6

Testing the Tooltip of the Text Image Variant

 

Testing the Link 

europe-black

Render mode : Container(Text Image)

Text : Blue - Tint 3,background color : Green - Tint 3,Asset position : Bottom

Render mode : Teaser(Text Image)

Text : yellow - Tint 1 ,background color : blue - Tint 1,Asset position : bottom

 

Testing the rich text for the text image variant

 

  1. Test 1
  2. Test2
  3. Test3
  • Test4
  • Test5
  • Test6

 

Testing the tooltip of the text

 

Testing the link

help-black

Render mode : Container(Text Image)

Text : blue - Tint 2 ,background color : green - Tint 2,Asset position : bottom

Render mode : Standard(Text Image, Dynamic Hero)

Text : Yellow - Tint 2,background color : Blue - Tint 2,Asset position : right 

 

Testing the rich text for the text variant

  • Test 1
  • Test2
  • Test3
  1. Test4
  2. Test5
  3. Test6

 

Testing the tooltip of the text

 

Testing the link

discount-white

Render mode : Teaser(Text Image)

Text : Blue - Tint 1,background color : Green - Tint 1,Asset position : right 

Render mode : Contained (Text Image,Content Accordion)

Text : Yellow - Tint 3 ,background color : blue - Tint 3,Asset position : left

Render mode : Container(Text Image)

Text : red - Tint 2 ,background color : yellow - Tint 3,Asset position : left

Render mode : Teaser(Text Image)

Text : red - Tint 4 ,background color : orange - Tint 3,Asset position : right

Render mode : Contained(Text Image,Content Accordion)

Text : grey - Tint 2 ,background color : red - Tint 2,Asset position : right

Render mode : Teaser(Text Image)

Text : grey - Tint 4 ,background color : red - Tint 3,Asset position : left

Render mode : Standard(Text Image,Dynamic Hero)

Text : grey - Tint 3,background color : orange - Tint 4,Asset position : left

ban-black

Render mode : Container(Text Image)

Text :white,background color : yellow - Tint 4,Asset position : left

archive-box-arrow-down-orange

Render mode : Contained(Text Image, Content Accordion)

Text :green - Tint 4 ,background color : blue - Tint 4,Asset position : left

Render mode : Teaser(Text Image)

Text :green - Tint 4 ,background color : blue - Tint 4,Asset position : left