[E 005] Header |
OSRAM logo |
324 |
162 |
|
10vw |
[E 006] Footer |
Social icons |
60 |
30 |
|
3vw |
[P 304] Bookmark list |
Img |
85x100xcrop |
105x130xcrop |
105x130xcrop |
(max-width: 520px) 20vw, 5vw |
[P 305] Product Comparison list |
Img |
45x55xcrop |
45x55xcrop |
45x55xcrop |
5vw |
[M 001 - 002] Product Carousel and Overview |
Img |
400 |
346 |
225 |
(max-width: 764px) 50vw, (max-width: 1010px) 30vw, 20vw |
[M 003] Product Details |
Product Img |
625 |
525 |
450 |
(max-width: 520px) 100vw, (max-width: 1010px) 50vw, 33vw |
Thumbnail Img |
60 |
60 |
60 |
(max-width: 520px) 12vw, (max-width: 1010px) 1vw, 0,03vw |
Zoom Img |
1250 |
1050 |
900 |
n/a |
[M 101 - 104] Full Size |
Img |
1920x1920 |
1200x1200 |
600x600 |
background image definition |
Img retina |
1920x1920 |
1800x1800 |
1200x1200 |
background image definition |
[M 304] 12 col – Text on Image, Video |
Img |
1260 |
725 |
480 |
background image definition |
Img retina |
1260 |
1450 |
960 |
background image definition |
[M 305] 12 col – Text on Image, Video - Slider |
Img |
1260xcrop |
712xcrop |
480xcrop |
100vw |
[M 306] Image Slider |
Col-12 |
1260x700xcrop |
725x405xcrop |
480x265xcrop |
100vw |
[M 402] 6 col - Text on Image, Video |
Col-6 |
615x295xcrop |
355x170xcrop |
480x230xcrop |
(max-width: 520px) 100vw, 30vw |
[M 403] 6 col - Text on Image, Video + Text |
Col-6 |
615x295xcrop |
355x170xcrop |
480x230xcrop |
(max-width: 520px) 100vw, 30vw |
[M 404] 6 col - Text on Image, Video + Text |
Col-6 |
615x295xcrop |
355x170xcrop |
480x230xcrop |
(max-width: 520px) 100vw, 30vw |
[M 405] 6 col - Image, Video + Text incl. BG |
Col-6 |
615xcrop |
468xcrop |
346xcrop |
(max-width: 520px) 100vw, 30vw |
[M 501] 4, 6, 8 col - Image, Video + Text incl. BG |
Col-4 |
400 |
224 |
468 |
(max-width: 763px) 100vw, 33.3vw |
Col-6 |
615xcrop |
346xcrop |
468 |
(max-width: 763px) 100vw, 50vw |
Col-8 |
830xcrop |
468xcrop |
468 |
(max-width: 763px) 100vw, 66.6vw |
[M 502] 4, 6, 8 col - Text on Image, Video |
Col-4 |
400 |
225 |
470 |
(max-width: 520px) 100vw, (max-width: 1010px) 30vw, 20vw |
Col-6 |
615 |
345xcrop |
470 |
(max-width: 520px) 100vw, (max-width: 1010px) 45vw, 35vw |
Col-8 |
830xcrop |
470 |
470 |
(max-width: 520px) 100vw, (max-width: 1010px) 70vw, 45vw |
[M 503] 3, 4 col - Text on Image, Video |
3-col |
800x660xcrop |
600x495xcrop |
400x330xcrop |
(max-width: 520px) 100vw, (max-width: 1010px) 30vw, 20vw |
4-col |
586x660xcrop |
440x495xcrop |
293x330xcrop |
(max-width: 520px) 100vw, (max-width: 1010px) 40vw, 15vw |
[M 504] 3, 4 col - Image, Video + Text incl. BG |
4-col |
800x500xcrop |
400x250xcrop |
220x140xcrop |
(max-width: 520px) 45vw, (max-width: 1010px) 30vw, 20vw |
3-col |
600x320xcrop |
300x160xcrop |
220x120xcrop |
(max-width: 520px) 45vw, (max-width: 1010px) 20vw, 15vw |
social icons |
80x80 |
40x40 |
40x40 |
(max-width: 520px) 1vw, (max-width: 1010px) 1vw, 1vw |
Images of a module should have the same size. |
[M 505] 3, 4 col - Benefits |
Img |
120 |
115 |
120 |
(max-width: 520px) 25vw, (max-width: 764px) 15vw, 10vw |
[M 506] 2x3 col - Image, Video + 6 col – Text |
Col-6(6) |
295x145xcrop |
170x80xcrop |
230x110xcrop |
(max-width: 520px) 50vw, 15vw |
Col-6(6) img2 |
285x285xcrop |
170x170xcrop |
230x230xcrop |
(max-width: 520px) 50vw, 15vw |
[M 507] 2-9 col - Image, Video + Rest col – Text |
Col-9 |
940x450xcrop |
540x260xcrop |
230x110xcrop |
(max-width: 520px) 50vw, 50vw |
Col-8 |
830x400xcrop |
480x230xcrop |
230x110xcrop |
(max-width: 520px) 50vw, 45vw |
Col-7 |
725x350xcrop |
415x200xcrop |
230x110xcrop |
(max-width: 520px) 50vw, 40vw |
Col-6 |
615x295xcrop |
355x169xcrop |
230x110xcrop |
(max-width: 520px) 50vw, 30vw |
Col-5 |
510x245xcrop |
290x140xcrop |
190x90xcrop |
(max-width: 520px) 40vw, 25vw |
Col-4 |
400x195xcrop |
230x110xcrop |
150x70xcrop |
(max-width: 520px) 30vw, 20vw |
Col-3 |
295 |
170 |
150 |
(max-width: 520px) 30vw, 15vw |
Col-2 |
185 |
105 |
105 |
(max-width: 520px) 20vw, 10vw |
[M 508] 3 col - Image, Video + Text |
Col-4(6) |
185 |
105 |
105 |
(max-width: 520px) 20vw, 10vw |
[M 604] Image accordion |
Img |
240 |
120 |
60 |
15vw |
[M 606] Image Carousel |
Img |
500x290xcrop |
375x220xcrop |
375x210xcrop |
(max-width: 520px) 100vw, 20vw |
[M 607] Image Topic |
Img 1 |
635x355xcrop |
460x260 |
480x270xcrop |
(max-width: 520px) 95vw, 30vw |
Img 2 |
315x180xcrop |
345x195xcrop |
360x205xcrop |
(max-width: 520px) 90vw, 15vw |
[M 608] Sidebar Flag |
Img |
625x380xcrop |
725x440xcrop |
480x290xcrop |
(max-width: 520px) 100vw, (max-width: 763px) 100vw, 30vw |
[LM 001] Product Carousel |
Img |
130x160xcrop |
115x135xcrop |
135x160xcrop |
(max-width: 520px) 30vw, (max-width: 763px) 15vw, 10vw |