Circular Economy of Steel
—
Website
The website is featuring the whole content of the Circular Economy brochure, in a unique melange of text and infographics, setting for the frits time a clear icon style for the branding, capable of being powerfully communicative and immediate to catch.
The website was designed and develops with the same attention to the powerful communication, and we integrate a very subtle and clean animation, using flat design and parallax, to give a more dynamic look to the digital space.
{"items":["6bc305d5-61ae-498a-8be2-c861ab092d81","137455b6-420b-4dd3-aef0-3669c9f72852","7a495450-e94c-461a-9770-e22b06865cdf","141394fb-b3a6-4fe3-9646-8e716437515e"],"styles":{"groupSize":1,"showArrows":false,"cubeImages":false,"cubeType":"fill","cubeRatio":1,"isVertical":true,"gallerySize":1000,"collageAmount":0,"collageDensity":0,"groupTypes":"1","oneRow":false,"imageMargin":31,"galleryMargin":0,"floatingImages":0,"chooseBestGroup":true,"smartCrop":false,"hasThumbnails":false,"enableScroll":true,"isGrid":false,"isSlider":false,"isColumns":false,"isSlideshow":false,"cropOnlyFill":false,"fixedColumns":0,"enableInfiniteScroll":true,"gotStyleParams":true,"selectedLayout":"1|bottom|undefined|fill|true|undefined|true","isRTL":false,"minItemSize":120,"fullscreen":true,"allowSocial":false,"allowDownload":false,"allowTitle":false,"allowDescription":false,"loveButton":false,"loveCounter":false,"videoLoop":true,"videoSound":false,"videoSpeed":1,"videoPlay":"hover","gallerySliderImageRatio":1.7777777777777777,"galleryImageRatio":2,"numberOfImagesPerRow":3,"sharpParams":{"quality":90,"usm":{}},"viewMode":"preview","galleryHorizontalAlign":"center","galleryTextAlign":"center","galleryVerticalAlign":"center","itemClick":"nothing","galleryThumbnailsAlignment":"bottom","thumbnailSpacings":5,"gridStyle":0,"titlePlacement":"SHOW_ON_HOVER","hoveringBehaviour":"APPEARS","mobilePanorama":false,"isAutoSlideshow":false,"slideshowLoop":false,"playButtonForAutoSlideShow":false,"allowSlideshowCounter":false,"autoSlideshowInterval":4,"arrowsSize":23,"slideshowInfoSize":200,"imageLoadingMode":"BLUR","scrollAnimation":"NO_EFFECT","overlayAnimation":"NO_EFFECT","imageHoverAnimation":"NO_EFFECT","expandAnimation":"NO_EFFECT","itemBorderWidth":0,"itemBorderColor":"color-5","itemBorderRadius":0,"itemEnableShadow":false,"itemShadowOpacityAndColor":{"value":"rgba(0, 0, 0, 0.2)"},"itemShadowBlur":20,"loadMoreAmount":"all","itemShadowDirection":135,"itemShadowSize":10,"imageInfoType":"NO_BACKGROUND","textBoxBorderRadius":0,"textBoxBorderWidth":0,"textBoxBorderColor":"color-5","titleDescriptionSpace":6,"textsVerticalPadding":0,"textsHorizontalPadding":0,"textBoxFillColor":"color-2","textBoxHeight":0,"textImageSpace":10,"alwaysShowHover":false,"isStoreGallery":false,"previewHover":false,"calculateTextBoxHeightMode":"AUTOMATIC","galleryLayout":1,"thumbnailSize":120,"useCustomButton":false,"itemOpacity":{"themeName":"color_11","value":"rgba(255,255,255,0)"},"itemFont":{"style":{"bold":false,"italic":false,"underline":false},"family":"dinneuzeitgroteskltw01-_812426","preset":"Heading-S","editorKey":"font_6","size":27,"fontStyleParam":true,"displayName":"Small Heading","value":"font:normal normal normal 27px/1.4em dinneuzeitgroteskltw01-_812426,sans-serif;"},"itemFontSlideshow":{"family":"avenir-lt-w01_85-heavy1475544","displayName":"Basic Heading","style":{"bold":false,"italic":false,"underline":false},"size":22,"preset":"Custom","editorKey":"font_5","fontStyleParam":true,"value":"font:normal normal normal 22px/27px avenir-lt-w01_85-heavy1475544,sans-serif;"},"itemDescriptionFontSlideshow":{"family":"avenir-lt-w01_35-light1475496","displayName":"Paragraph 2","style":{"bold":false,"italic":false,"underline":false},"size":15,"preset":"Custom","editorKey":"font_8","fontStyleParam":true,"value":"font:normal normal normal 15px/18px avenir-lt-w01_35-light1475496,sans-serif;"},"itemDescriptionFont":{"family":"avenir-lt-w01_35-light1475496","displayName":"Paragraph 2","style":{"bold":false,"italic":false,"underline":false},"size":15,"preset":"Custom","editorKey":"font_8","fontStyleParam":true,"value":"font:normal normal normal 15px/18px avenir-lt-w01_35-light1475496,sans-serif;"},"itemFontColor":{"themeName":"color_11","value":"rgba(255,255,255,1)"},"itemFontColorSlideshow":{"themeName":"color_15","value":"rgba(0,0,0,1)"},"itemDescriptionFontColor":{"themeName":"color_11","value":"rgba(255,255,255,1)"},"itemDescriptionFontColorSlideshow":{"themeName":"color_15","value":"rgba(0,0,0,1)"},"loadMoreButtonText":"Load More","loadMoreButtonFont":{"family":"wfont_1907aa_36d5bb47d24545759b7e63c6ac32e77f,wf_36d5bb47d24545759b7e63c6a,orig_faktproblond","displayName":"Paragraph 2","style":{"bold":false,"italic":false,"underline":false},"size":16,"preset":"Body-M","editorKey":"font_8","fontStyleParam":true,"value":"font:normal normal normal 16px/1.4em wfont_1907aa_36d5bb47d24545759b7e63c6ac32e77f,wf_36d5bb47d24545759b7e63c6a,orig_faktproblond;"},"loadMoreButtonFontColor":{"themeName":"color_15","value":"rgba(0,0,0,1)"},"loadMoreButtonColor":{"themeName":"color_11","value":"rgba(255,255,255,1)"},"loadMoreButtonBorderColor":{"themeName":"color_15","value":"rgba(0,0,0,1)"},"isAccessible":false,"isMasonry":true,"layoutsVersion":2,"selectedLayoutV2":1,"isSlideshowFont":false,"externalInfoHeight":0},"container":{"top":"","bottom":"","left":"","right":"","width":980,"height":2843,"position":"","galleryWidth":1042,"galleryHeight":2843,"scrollBase":0}}