Aspect ratios
CSS-Preset (example: 'wide' / 16:9)
![](https://res.cloudinary.com/rsm-fe/image/upload/w_380,h_214,e_colorize:20,c_crop/l_text:arial_32:380x214/v1472642359/uk-ratio.png 380w, https://res.cloudinary.com/rsm-fe/image/upload/w_780,h_438,e_colorize:20,c_crop/l_text:arial_32:780x438/v1472642359/uk-ratio.png 780w, https://res.cloudinary.com/rsm-fe/image/upload/w_1560,h_878,e_colorize:20,c_crop/l_text:arial_64:1560x878/v1472642359/uk-ratio.png 1560w)
Text after ... Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae omnis saepe ratione nesciunt, rem facere reprehenderit sint magni repellendus sit optio fugiat assumenda dolores dolorem, nobis fuga voluptatibus tenetur esse.
Flexible via inline style
![](https://res.cloudinary.com/rsm-fe/image/upload/w_380,e_colorize:20/l_text:arial_32:380x114/v1472642359/uk-ratio.png 380w, https://res.cloudinary.com/rsm-fe/image/upload/w_780,e_colorize:20/l_text:arial_32:780x233/v1472642359/uk-ratio.png 780w, https://res.cloudinary.com/rsm-fe/image/upload/w_1560,e_colorize:20/l_text:arial_64:1560x466/v1472642359/uk-ratio.png 1560w)
Text after ... Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae omnis saepe ratione nesciunt, rem facere reprehenderit sint magni repellendus sit optio fugiat assumenda dolores dolorem, nobis fuga voluptatibus tenetur esse.
Unknown/none (reflow after load)
![](https://res.cloudinary.com/rsm-fe/image/upload/w_380,e_colorize:20/l_text:arial_32:380x114/v1472642359/uk-ratio.png 380w, https://res.cloudinary.com/rsm-fe/image/upload/w_780,e_colorize:20/l_text:arial_32:780x233/v1472642359/uk-ratio.png 780w, https://res.cloudinary.com/rsm-fe/image/upload/w_1560,e_colorize:20/l_text:arial_64:1560x466/v1472642359/uk-ratio.png 1560w)
Text after ... Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae omnis saepe ratione nesciunt, rem facere reprehenderit sint magni repellendus sit optio fugiat assumenda dolores dolorem, nobis fuga voluptatibus tenetur esse.
Common configs
slider (mixed ratios)
Sizes:
- 380x
- 760x
- 1180x (Base)
- 1560x
- 2360x
Used in:
- Slider
![](http://res.cloudinary.com/rsm-fe/image/upload/c_fill,w_380,h_190/l_text:arial_24_bold_stroke:380x,g_south_east,y_10,x_10,co_white,bo_3px_solid_black/v1465287730/dena/article-01.jpg 380w, http://res.cloudinary.com/rsm-fe/image/upload/c_fill,w_760,h_380/l_text:arial_24_bold_stroke:760x,g_south_east,y_10,x_10,co_white,bo_3px_solid_black/v1465287730/dena/article-01.jpg 760w, http://res.cloudinary.com/rsm-fe/image/upload/c_fill,w_1180,h_590/l_text:arial_24_bold_stroke:1180x,g_south_east,y_10,x_10,co_white,bo_3px_solid_black/v1465287730/dena/article-01.jpg 1180w, http://res.cloudinary.com/rsm-fe/image/upload/c_fill,w_1520,h_760/l_text:arial_24_bold_stroke:1520x,g_south_east,y_10,x_10,co_white,bo_3px_solid_black/v1465287730/dena/article-01.jpg 1520w, https://res.cloudinary.com/rsm-fe/image/upload/c_fill,w_2360,h_1180/l_text:arial_48_bold_stroke:2360x,g_south_east,y_10,x_10,co_white,bo_3px_solid_black/v1465287730/dena/article-01.jpg 2360w)
xxl xwide (2:1)
Sizes:
- 380x190
- 780x390 (Base)
- 1560x780
Used in:
- Wall hero
![](https://res.cloudinary.com/rsm-fe/image/upload/w_380,h_190,c_fill/l_text:arial_32:380x190/v1465287730/dena/teaser-04.jpg 380w, https://res.cloudinary.com/rsm-fe/image/upload/w_780,h_390,c_fill/l_text:arial_32:780x390/v1465287730/dena/teaser-04.jpg 780w, https://res.cloudinary.com/rsm-fe/image/upload/w_1560,h_780,c_fill/l_text:arial_64:1560x780/v1465287730/dena/teaser-04.jpg 1560w)
xxl wide (16:9)
Sizes:
- 380x214
- 780x438 (Base)
- 1560x878
Used in:
- Gallery full
- Figure full
![](https://res.cloudinary.com/rsm-fe/image/upload/w_380,h_214,c_fill/l_text:arial_32:380x214/v1465287730/dena/article-01.jpg 380w, https://res.cloudinary.com/rsm-fe/image/upload/w_780,h_438,c_fill/l_text:arial_32:780x438/v1465287730/dena/article-01.jpg 780w, https://res.cloudinary.com/rsm-fe/image/upload/w_1560,h_878,c_fill/l_text:arial_64:1560x878/v1465287730/dena/article-01.jpg 1560w)
xl wide (16:9)
Sizes:
- 380x214
- 480x270 (Base)
- 960x540
Used in:
- About us mgmt.
![](https://res.cloudinary.com/rsm-fe/image/upload/w_380,h_214,c_fill/l_text:arial_24_bold_stroke:380x214,g_south_west,y_8,x_8,co_white,bo_2px_solid_black/v1465287730/dena/mgmt-01.jpg 380w, https://res.cloudinary.com/rsm-fe/image/upload/w_480,h_270,c_fill/l_text:arial_24_bold_stroke:480x270,g_south_west,y_10,x_10,co_white,bo_2px_solid_black/v1465287730/dena/mgmt-01.jpg 480w, https://res.cloudinary.com/rsm-fe/image/upload/w_960,h_540,c_fill/l_text:arial_48_bold_stroke:960x540,g_south_west,y_20,x_20,co_white,bo_2px_solid_black/v1465287730/dena/mgmt-01.jpg 960w)
lg xwide (2:1)
Sizes:
- 380x190 (Base)
- 760x380
Used in:
- 50:50 Figure
- Card teaser
- Horizontal teaser
![](https://res.cloudinary.com/rsm-fe/image/upload/w_380,h_190,c_fill/l_text:arial_32:380x190/v1465287730/dena/article-01.jpg 380w, https://res.cloudinary.com/rsm-fe/image/upload/w_760,h_380,c_fill/l_text:arial_64:760x380/v1465287730/dena/article-01.jpg 760w)
lg wide (16:9)
Sizes:
- 380x214 (Base)
- 760x428
Used in:
- Scroll teaser xl
- Location info map
![](https://res.cloudinary.com/rsm-fe/image/upload/w_380,h_214,c_fill/l_text:arial_32:380x214/v1465287730/dena/article-01.jpg 380w, https://res.cloudinary.com/rsm-fe/image/upload/w_760,h_428,c_fill/l_text:arial_64:760x428/v1465287730/dena/article-01.jpg 760w)
md wide (16:9)
Sizes:
- 220x124 (Base)
- 440x228
Used in:
- Projects box
![](https://res.cloudinary.com/rsm-fe/image/upload/w_220,h_124,c_fill/l_text:arial_32:220x124/v1465287730/dena/article-01.jpg 220w, https://res.cloudinary.com/rsm-fe/image/upload/w_440,h_228,c_fill/l_text:arial_64:440x228/v1465287730/dena/article-01.jpg 440w)
md a4 (A4)
Sizes:
- 220x312 (Base)
- 440x624
Used in:
- Product
![](https://res.cloudinary.com/rsm-fe/image/upload/w_220,h_312,c_fill,bo_1px_solid_grey/l_text:arial_14_bold_stroke:220x312,g_south_east,y_5,x_5,co_white,bo_2px_solid_black/v1465287730/dena/pub-01.jpg 220w, https://res.cloudinary.com/rsm-fe/image/upload/w_440,h_624,c_fill,bo_1px_solid_grey/l_text:arial_28_bold_stroke:440x624,g_south_east,y_10,x_10,co_white,bo_2px_solid_black/v1465287730/dena/pub-01.jpg 440w)
sm square (1:1)
Sizes:
- 154x154 (Base)
- 308x308
Used in:
- Person teaser
![](https://res.cloudinary.com/rsm-fe/image/upload/w_154,h_154,c_fill/l_text:arial_14_bold_stroke:154x154,g_south_east,y_5,x_5,co_white,bo_2px_solid_black/v1465287730/dena/portrait-01.jpg 154w, https://res.cloudinary.com/rsm-fe/image/upload/w_308,h_308,c_fill/l_text:arial_24_bold_stroke:308x308,g_south_east,y_10,x_10,co_white,bo_2px_solid_black/v1465287730/dena/portrait-01.jpg 308w)
sm a4 (A4)
Sizes:
- 154x218 (Base)
- 308x436
Used in:
- Product small
![](https://res.cloudinary.com/rsm-fe/image/upload/w_154,h_218,c_fill,bo_1px_solid_grey/l_text:arial_14_bold_stroke:154x218,g_south_east,y_5,x_5,co_white,bo_2px_solid_black/v1465287730/dena/pub-01.jpg 154w, https://res.cloudinary.com/rsm-fe/image/upload/w_308,h_436,c_fill,bo_1px_solid_grey/l_text:arial_28_bold_stroke:308x436,g_south_east,y_10,x_10,co_white,bo_2px_solid_black/v1465287730/dena/pub-01.jpg 308w)
pub a4 (A4)
Sizes:
- 128x182 (Base)
- 256x362
Used in:
- Publication teaser
![](https://res.cloudinary.com/rsm-fe/image/upload/w_128,h_182,c_fill,bo_1px_solid_grey/l_text:arial_14_bold_stroke:128x182,g_south_east,y_5,x_5,co_white,bo_2px_solid_black/v1468393488/dena/pub-02.png 128w, https://res.cloudinary.com/rsm-fe/image/upload/w_256,h_362,c_fill,bo_1px_solid_grey/l_text:arial_28_bold_stroke:256x362,g_south_east,y_10,x_10,co_white,bo_2px_solid_black/v1468393488/dena/pub-02.png 256w)
xs wide (16:9)
Sizes:
- 92x52 (Base)
- 184x104
Used in:
- Gallery thumb
![](https://res.cloudinary.com/rsm-fe/image/upload/w_92,h_52,c_fill/l_text:arial_16:92x52/v1465287730/dena/article-01.jpg 92w, https://res.cloudinary.com/rsm-fe/image/upload/w_184,h_104,c_fill/l_text:arial_32:184x104/v1465287730/dena/article-01.jpg 184w)
xxs square (1:1)
Sizes:
- 46x46 (Base)
- 92x92
Used in:
- X avatar
![](https://res.cloudinary.com/rsm-fe/image/upload/w_46,h_46,c_fill/l_text:arial_10:46x46/v1465287730/dena/article-01.jpg 46w, https://res.cloudinary.com/rsm-fe/image/upload/w_92,h_92,c_fill/l_text:arial_20:92x92/v1465287730/dena/article-01.jpg 92w)