Music + Image
This project is an exploration of the basics of design systems, creating a cohesive visual language across multiple media platforms for a specific live performance by the band The April Maze.
{"items":["a1591374-2722-11e9-a9ff-063f49e9a7e4"],"styles":{"galleryType":"Columns","groupSize":1,"showArrows":false,"cubeImages":false,"cubeType":"fill","cubeRatio":1,"isVertical":true,"collageAmount":0.8,"collageDensity":0.8,"groupTypes":"1","oneRow":false,"imageMargin":15,"galleryMargin":0,"floatingImages":0,"chooseBestGroup":true,"smartCrop":false,"hasThumbnails":false,"enableScroll":true,"isGrid":false,"isSlider":false,"isColumns":false,"isSlideshow":false,"cropOnlyFill":false,"fixedColumns":1,"enableInfiniteScroll":1,"gotStyleParams":true,"selectedLayout":"6|bottom|undefined|fill|true|undefined|1","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":"flex-start","galleryTextAlign":"left","galleryVerticalAlign":"flex-start","itemClick":"nothing","galleryThumbnailsAlignment":"bottom","thumbnailSpacings":0,"gridStyle":1,"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":{"themeName":"color_15","value":"rgba(65,65,65,1)"},"itemBorderRadius":0,"itemEnableShadow":false,"itemShadowOpacityAndColor":{"themeName":"color_15","value":"rgba(65,65,65,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":6,"thumbnailSize":120,"useCustomButton":false,"itemOpacity":{"themeName":"color_14","value":"rgba(153,153,151,0)"},"itemFont":{"style":{"bold":false,"italic":false,"underline":false},"family":"lulo-clean-w01-one-bold","preset":"Heading-S","editorKey":"font_6","size":16,"fontStyleParam":true,"displayName":"Small Heading","value":"font:normal normal normal 16px/1.4em lulo-clean-w01-one-bold,sans-serif;"},"itemFontSlideshow":{"family":"helvetica-w01-bold","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 helvetica-w01-bold,helvetica-w02-bold,helvetica-lt-w10-bold,sans-serif;"},"itemDescriptionFontSlideshow":{"family":"helvetica-w01-light","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 helvetica-w01-light,helvetica-w02-light,sans-serif;"},"itemDescriptionFont":{"family":"wfont_f2af18_856a403d98e044f7b43ac4eaa11bff21,wf_856a403d98e044f7b43ac4eaa,orig_source_code_pro_light","style":{"bold":false,"italic":false,"underline":false},"size":15,"preset":"Body-M","editorKey":"font_8","fontStyleParam":true,"displayName":"Paragraph 2","value":"font:normal normal normal 15px/1.4em wfont_f2af18_856a403d98e044f7b43ac4eaa11bff21,wf_856a403d98e044f7b43ac4eaa,orig_source_code_pro_light;"},"itemFontColor":{"themeName":"color_11","value":"rgba(255,255,255,1)"},"itemFontColorSlideshow":{"themeName":"color_15","value":"rgba(65,65,65,1)"},"itemDescriptionFontColor":{"themeName":"color_11","value":"rgba(255,255,255,1)"},"itemDescriptionFontColorSlideshow":{"themeName":"color_15","value":"rgba(65,65,65,1)"},"loadMoreButtonText":"Load More","loadMoreButtonFont":{"family":"wfont_f2af18_856a403d98e044f7b43ac4eaa11bff21,wf_856a403d98e044f7b43ac4eaa,orig_source_code_pro_light","displayName":"Paragraph 2","style":{"bold":false,"italic":false,"underline":false},"size":15,"preset":"Body-M","editorKey":"font_8","fontStyleParam":true,"value":"font:normal normal normal 15px/1.4em wfont_f2af18_856a403d98e044f7b43ac4eaa11bff21,wf_856a403d98e044f7b43ac4eaa,orig_source_code_pro_light;"},"loadMoreButtonFontColor":{"themeName":"color_15","value":"rgba(65,65,65,1)"},"loadMoreButtonColor":{"themeName":"color_11","value":"rgba(255,255,255,1)"},"loadMoreButtonBorderColor":{"themeName":"color_15","value":"rgba(65,65,65,1)"},"arrowsColor":{"themeName":"color_11","value":"rgba(255,255,255,1)"},"oneColorAnimationColor":{"themeName":"color_11","value":"rgba(255,255,255,1)"},"isAccessible":false,"isMasonry":false,"layoutsVersion":2,"selectedLayoutV2":6,"isSlideshowFont":false,"externalInfoHeight":0},"container":{"top":"","bottom":"","left":"","right":"","width":603,"height":804,"position":"","avoidGallerySelfMeasure":true,"galleryWidth":633,"galleryHeight":804,"scrollBase":0}}
{"items":["7ec93930-3f5f-43cc-b053-969ae7b34596","652ffa89-62cf-4eef-abb9-702f82a03d44","5e26d89c-f2de-4caf-8578-97e7be2d3ad8"],"styles":{"galleryType":"Columns","groupSize":1,"showArrows":false,"cubeImages":false,"cubeType":"fill","cubeRatio":1,"isVertical":true,"collageAmount":0.8,"collageDensity":0.8,"groupTypes":"1","oneRow":false,"imageMargin":15,"galleryMargin":0,"floatingImages":0,"chooseBestGroup":true,"smartCrop":false,"hasThumbnails":false,"enableScroll":true,"isGrid":false,"isSlider":false,"isColumns":false,"isSlideshow":false,"cropOnlyFill":false,"fixedColumns":1,"enableInfiniteScroll":1,"gotStyleParams":true,"selectedLayout":"6|bottom|undefined|fill|true|undefined|1","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":"flex-start","galleryTextAlign":"left","galleryVerticalAlign":"flex-start","itemClick":"nothing","galleryThumbnailsAlignment":"bottom","thumbnailSpacings":0,"gridStyle":1,"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":{"themeName":"color_15","value":"rgba(65,65,65,1)"},"itemBorderRadius":0,"itemEnableShadow":false,"itemShadowOpacityAndColor":{"themeName":"color_15","value":"rgba(65,65,65,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":6,"thumbnailSize":120,"useCustomButton":false,"itemOpacity":{"themeName":"color_14","value":"rgba(153,153,151,0)"},"itemFont":{"style":{"bold":false,"italic":false,"underline":false},"family":"lulo-clean-w01-one-bold","preset":"Heading-S","editorKey":"font_6","size":16,"fontStyleParam":true,"displayName":"Small Heading","value":"font:normal normal normal 16px/1.4em lulo-clean-w01-one-bold,sans-serif;"},"itemFontSlideshow":{"family":"helvetica-w01-bold","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 helvetica-w01-bold,helvetica-w02-bold,helvetica-lt-w10-bold,sans-serif;"},"itemDescriptionFontSlideshow":{"family":"helvetica-w01-light","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 helvetica-w01-light,helvetica-w02-light,sans-serif;"},"itemDescriptionFont":{"family":"wfont_f2af18_856a403d98e044f7b43ac4eaa11bff21,wf_856a403d98e044f7b43ac4eaa,orig_source_code_pro_light","style":{"bold":false,"italic":false,"underline":false},"size":15,"preset":"Body-M","editorKey":"font_8","fontStyleParam":true,"displayName":"Paragraph 2","value":"font:normal normal normal 15px/1.4em wfont_f2af18_856a403d98e044f7b43ac4eaa11bff21,wf_856a403d98e044f7b43ac4eaa,orig_source_code_pro_light;"},"itemFontColor":{"themeName":"color_11","value":"rgba(255,255,255,1)"},"itemFontColorSlideshow":{"themeName":"color_15","value":"rgba(65,65,65,1)"},"itemDescriptionFontColor":{"themeName":"color_11","value":"rgba(255,255,255,1)"},"itemDescriptionFontColorSlideshow":{"themeName":"color_15","value":"rgba(65,65,65,1)"},"loadMoreButtonText":"Load More","loadMoreButtonFont":{"family":"wfont_f2af18_856a403d98e044f7b43ac4eaa11bff21,wf_856a403d98e044f7b43ac4eaa,orig_source_code_pro_light","displayName":"Paragraph 2","style":{"bold":false,"italic":false,"underline":false},"size":15,"preset":"Body-M","editorKey":"font_8","fontStyleParam":true,"value":"font:normal normal normal 15px/1.4em wfont_f2af18_856a403d98e044f7b43ac4eaa11bff21,wf_856a403d98e044f7b43ac4eaa,orig_source_code_pro_light;"},"loadMoreButtonFontColor":{"themeName":"color_15","value":"rgba(65,65,65,1)"},"loadMoreButtonColor":{"themeName":"color_11","value":"rgba(255,255,255,1)"},"loadMoreButtonBorderColor":{"themeName":"color_15","value":"rgba(65,65,65,1)"},"arrowsColor":{"themeName":"color_11","value":"rgba(255,255,255,1)"},"oneColorAnimationColor":{"themeName":"color_11","value":"rgba(255,255,255,1)"},"isAccessible":false,"isMasonry":false,"layoutsVersion":2,"selectedLayoutV2":6,"isSlideshowFont":false,"externalInfoHeight":0},"container":{"top":"","bottom":"","left":"","right":"","width":441,"height":804,"position":"","avoidGallerySelfMeasure":true,"galleryWidth":471,"galleryHeight":804,"scrollBase":0}}