{"id":52284,"date":"2021-09-12T15:09:53","date_gmt":"2021-09-12T13:09:53","guid":{"rendered":"https:\/\/codography.ch\/?post_type=project&#038;p=52284"},"modified":"2021-09-12T15:37:55","modified_gmt":"2021-09-12T13:37:55","slug":"musically","status":"publish","type":"project","link":"https:\/\/codography.ch\/en\/project\/musically\/","title":{"rendered":"Musically"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; admin_label=&#8221;Header&#8221; _builder_version=&#8221;3.22&#8243; background_image=&#8221;https:\/\/mletkojmrjlt.i.optimole.com\/cb:p7uK.1393e\/w:auto\/h:auto\/q:mauto\/f:best\/ig:avif\/https:\/\/codography.ch\/wp-content\/uploads\/2020\/06\/web-dev-03.png&#8221; parallax=&#8221;on&#8221; animation_style=&#8221;fade&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_fullwidth_header title=&#8221;Musically&#8221; subhead=&#8221;APP&#8221; content_max_width=&#8221;640px&#8221; _builder_version=&#8221;4.4.8&#8243; title_font=&#8221;|900|||||||&#8221; title_font_size=&#8221;80px&#8221; title_line_height=&#8221;1.5em&#8221; content_font=&#8221;||||||||&#8221; content_font_size=&#8221;16px&#8221; content_line_height=&#8221;2em&#8221; subhead_font_size=&#8221;32px&#8221; use_background_color_gradient=&#8221;on&#8221; background_color_gradient_start=&#8221;#f7b500&#8243; background_color_gradient_end=&#8221;#f7b500&#8243; background_image=&#8221;https:\/\/mletkojmrjlt.i.optimole.com\/cb:p7uK.1393e\/w:auto\/h:auto\/q:mauto\/f:best\/ig:avif\/https:\/\/codography.ch\/wp-content\/uploads\/2020\/06\/coding-background-texture.jpg&#8221; background_blend=&#8221;overlay&#8221; custom_button_one=&#8221;on&#8221; button_one_text_size=&#8221;14px&#8221; button_one_text_color=&#8221;#ffffff&#8221; button_one_bg_color=&#8221;rgba(255,255,255,0)&#8221; button_one_border_width=&#8221;12px&#8221; button_one_border_color=&#8221;rgba(0,0,0,0)&#8221; button_one_border_radius=&#8221;0px&#8221; button_one_letter_spacing=&#8221;2px&#8221; button_one_font=&#8221;|600||on|||||&#8221; button_one_icon=&#8221;%%24%%&#8221; button_one_on_hover=&#8221;off&#8221; custom_button_two=&#8221;on&#8221; button_two_text_size=&#8221;14px&#8221; button_two_text_color=&#8221;#ffffff&#8221; button_two_bg_color=&#8221;rgba(255,255,255,0)&#8221; button_two_border_width=&#8221;12px&#8221; button_two_border_color=&#8221;rgba(0,0,0,0)&#8221; button_two_border_radius=&#8221;0px&#8221; button_two_letter_spacing=&#8221;2px&#8221; button_two_font=&#8221;|600||on|||||&#8221; button_two_icon=&#8221;%%24%%&#8221; button_two_on_hover=&#8221;off&#8221; custom_margin=&#8221;|||&#8221; custom_padding=&#8221;10vw||25vw||false&#8221; animation_style=&#8221;zoom&#8221; animation_intensity_zoom=&#8221;-5%&#8221; title_font_size_tablet=&#8221;&#8221; title_font_size_phone=&#8221;25px&#8221; title_font_size_last_edited=&#8221;on|desktop&#8221; box_shadow_style_button_one=&#8221;preset1&#8243; box_shadow_vertical_button_one=&#8221;0px&#8221; box_shadow_blur_button_one=&#8221;0px&#8221; box_shadow_spread_button_one=&#8221;2px&#8221; box_shadow_color_button_one=&#8221;#ffffff&#8221; box_shadow_style_button_two=&#8221;preset1&#8243; box_shadow_vertical_button_two=&#8221;0px&#8221; box_shadow_blur_button_two=&#8221;0px&#8221; box_shadow_spread_button_two=&#8221;2px&#8221; box_shadow_color_button_two=&#8221;#ffffff&#8221; button_one_letter_spacing_hover=&#8221;2px&#8221; button_two_letter_spacing_hover=&#8221;2px&#8221; global_colors_info=&#8221;{}&#8221; button_one_text_size__hover_enabled=&#8221;off&#8221; button_two_text_size__hover_enabled=&#8221;off&#8221; button_one_text_color__hover_enabled=&#8221;off&#8221; button_two_text_color__hover_enabled=&#8221;off&#8221; button_one_border_width__hover_enabled=&#8221;off&#8221; button_two_border_width__hover_enabled=&#8221;off&#8221; button_one_border_color__hover_enabled=&#8221;off&#8221; button_two_border_color__hover_enabled=&#8221;off&#8221; button_one_border_radius__hover_enabled=&#8221;off&#8221; button_two_border_radius__hover_enabled=&#8221;off&#8221; button_one_letter_spacing__hover_enabled=&#8221;on&#8221; button_one_letter_spacing__hover=&#8221;2px&#8221; button_two_letter_spacing__hover_enabled=&#8221;on&#8221; button_two_letter_spacing__hover=&#8221;2px&#8221; button_one_bg_color__hover_enabled=&#8221;off&#8221; button_two_bg_color__hover_enabled=&#8221;off&#8221;][\/et_pb_fullwidth_header][et_pb_fullwidth_image src=&#8221;https:\/\/mletkojmrjlt.i.optimole.com\/cb:p7uK.1393e\/w:auto\/h:auto\/q:mauto\/f:best\/ig:avif\/https:\/\/codography.ch\/wp-content\/uploads\/2020\/06\/Hero-banner-musicApp.png&#8221; title_text=&#8221;Hero-banner-musicApp&#8221; _builder_version=&#8221;4.4.8&#8243; z_index=&#8221;10&#8243; custom_margin=&#8221;-30%|||&#8221; animation_style=&#8221;zoom&#8221; animation_direction=&#8221;bottom&#8221; animation_duration=&#8221;1400ms&#8221; animation_intensity_zoom=&#8221;5%&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_fullwidth_image][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; admin_label=&#8221;Details&#8221; _builder_version=&#8221;4.10.2&#8243; background_color=&#8221;#f7f8fc&#8221; custom_padding=&#8221;54px|0px|0|0px|false|false&#8221; hover_enabled=&#8221;0&#8243; box_shadow_style=&#8221;preset7&#8243; box_shadow_horizontal=&#8221;0px&#8221; box_shadow_vertical=&#8221;-250px&#8221; box_shadow_color=&#8221;#f7f8fc&#8221; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;][et_pb_row _builder_version=&#8221;3.25&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;4.8.1&#8243; text_font=&#8221;||||||||&#8221; text_line_height=&#8221;2em&#8221; header_font=&#8221;||||||||&#8221; header_3_font=&#8221;|600|||||||&#8221; header_3_text_color=&#8221;#151515&#8243; header_3_font_size=&#8221;20px&#8221; header_3_line_height=&#8221;2em&#8221; text_orientation=&#8221;center&#8221; max_width=&#8221;940px&#8221; module_alignment=&#8221;center&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3>Create an engaging, impactful and well designed UI library that would be applied to wireframes based on research and information of application and target audience.\u00a0<\/h3>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_5,1_5,1_5,1_5,1_5&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;27px|0|27px|0px|false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_5&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text ul_type=&#8221;square&#8221; _builder_version=&#8221;4.4.8&#8243; text_font=&#8221;||||||||&#8221; text_line_height=&#8221;1.8em&#8221; ul_font=&#8221;||||||||&#8221; header_3_font=&#8221;|700||on|||||&#8221; header_3_font_size=&#8221;12px&#8221; header_3_letter_spacing=&#8221;3px&#8221; header_3_line_height=&#8221;2em&#8221; animation_style=&#8221;fade&#8221; animation_direction=&#8221;right&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3>CLient<\/h3>\n<ul>\n<li>Musically Startup<\/li>\n<\/ul>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;1_5&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;60px|||&#8221; custom_padding_tablet=&#8221;0px|||&#8221; custom_padding_phone=&#8221;&#8221; custom_padding_last_edited=&#8221;on|tablet&#8221; global_colors_info=&#8221;{}&#8221; padding_tablet=&#8221;0px|||&#8221; padding_last_edited=&#8221;on|tablet&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text ul_type=&#8221;square&#8221; _builder_version=&#8221;4.4.8&#8243; text_font=&#8221;||||||||&#8221; text_line_height=&#8221;1.8em&#8221; ul_font=&#8221;||||||||&#8221; header_3_font=&#8221;|700||on|||||&#8221; header_3_font_size=&#8221;12px&#8221; header_3_letter_spacing=&#8221;3px&#8221; header_3_line_height=&#8221;2em&#8221; animation_style=&#8221;slide&#8221; animation_direction=&#8221;top&#8221; animation_intensity_slide=&#8221;25%&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3>Tools Used<\/h3>\n<ul>\n<li>XD<\/li>\n<li>Illustrator<\/li>\n<li>Photoshop<\/li>\n<\/ul>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;1_5&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;120px|||&#8221; custom_padding_tablet=&#8221;0px|||&#8221; custom_padding_phone=&#8221;&#8221; custom_padding_last_edited=&#8221;on|tablet&#8221; global_colors_info=&#8221;{}&#8221; padding_tablet=&#8221;0px|||&#8221; padding_last_edited=&#8221;on|tablet&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text ul_type=&#8221;square&#8221; _builder_version=&#8221;4.4.8&#8243; text_font=&#8221;||||||||&#8221; text_line_height=&#8221;1.8em&#8221; ul_font=&#8221;||||||||&#8221; header_3_font=&#8221;|700||on|||||&#8221; header_3_font_size=&#8221;12px&#8221; header_3_letter_spacing=&#8221;3px&#8221; header_3_line_height=&#8221;2em&#8221; animation_style=&#8221;slide&#8221; animation_direction=&#8221;top&#8221; animation_intensity_slide=&#8221;40%&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3>UI Design Process<\/h3>\n<ul>\n<li>User Persona<\/li>\n<li>Research<\/li>\n<li>Art Direction<\/li>\n<li>Exploration <\/li>\n<li>Prototype<\/li>\n<\/ul>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;1_5&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;60px|||&#8221; custom_padding_tablet=&#8221;0px|||&#8221; custom_padding_phone=&#8221;&#8221; custom_padding_last_edited=&#8221;on|tablet&#8221; global_colors_info=&#8221;{}&#8221; padding_tablet=&#8221;0px|||&#8221; padding_last_edited=&#8221;on|tablet&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text ul_type=&#8221;square&#8221; _builder_version=&#8221;4.4.8&#8243; text_font=&#8221;||||||||&#8221; text_line_height=&#8221;1.8em&#8221; ul_font=&#8221;||||||||&#8221; header_3_font=&#8221;|700||on|||||&#8221; header_3_font_size=&#8221;12px&#8221; header_3_letter_spacing=&#8221;3px&#8221; header_3_line_height=&#8221;2em&#8221; animation_style=&#8221;slide&#8221; animation_direction=&#8221;top&#8221; animation_intensity_slide=&#8221;25%&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3>Target Devices<\/h3>\n<ul>\n<li>IOS<\/li>\n<li>Android<\/li>\n<\/ul>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;1_5&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text ul_type=&#8221;square&#8221; _builder_version=&#8221;4.4.8&#8243; text_font=&#8221;||||||||&#8221; text_line_height=&#8221;1.8em&#8221; link_font=&#8221;||||||||&#8221; link_text_color=&#8221;#0054ff&#8221; ul_font=&#8221;||||||||&#8221; quote_font=&#8221;||||||||&#8221; header_3_font=&#8221;|700||on|||||&#8221; header_3_font_size=&#8221;12px&#8221; header_3_letter_spacing=&#8221;3px&#8221; header_3_line_height=&#8221;2em&#8221; animation_style=&#8221;fade&#8221; animation_direction=&#8221;right&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3>Time Line<\/h3>\n<ul>\n<li>7 Days<\/li>\n<\/ul>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.8.1&#8243; scroll_blur_enable=&#8221;on&#8221; scroll_blur=&#8221;0|40|60|100|3px|0px|3px&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_image src=&#8221;https:\/\/mletkojmrjlt.i.optimole.com\/cb:p7uK.1393e\/w:auto\/h:auto\/q:mauto\/f:best\/ig:avif\/https:\/\/codography.ch\/wp-content\/uploads\/2020\/06\/Musiclly-headset.png&#8221; title_text=&#8221;Musiclly-headset&#8221; force_fullwidth=&#8221;on&#8221; align_tablet=&#8221;center&#8221; align_phone=&#8221;&#8221; align_last_edited=&#8221;on|desktop&#8221; _builder_version=&#8221;4.4.8&#8243; animation_style=&#8221;zoom&#8221; animation_direction=&#8221;bottom&#8221; animation_intensity_zoom=&#8221;5%&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; admin_label=&#8221;Style&#8221; _builder_version=&#8221;4.10.2&#8243; background_color=&#8221;#f7f8fc&#8221; custom_padding=&#8221;||128px|||&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;][et_pb_row _builder_version=&#8221;3.25&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;4.4.8&#8243; text_font=&#8221;||||||||&#8221; text_font_size=&#8221;16px&#8221; text_line_height=&#8221;1.8em&#8221; header_font=&#8221;||||||||&#8221; header_2_font=&#8221;|900|||||||&#8221; header_3_font=&#8221;||||||||&#8221; header_4_font=&#8221;|700||on|||||&#8221; header_4_text_color=&#8221;#151515&#8243; header_4_font_size=&#8221;14px&#8221; header_4_letter_spacing=&#8221;2px&#8221; header_4_line_height=&#8221;1.8em&#8221; text_orientation=&#8221;center&#8221; custom_margin=&#8221;|||&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h4>Style &amp; Imagery<\/h4>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_5,1_5,1_5,1_5,1_5&#8243; custom_padding_last_edited=&#8221;off|desktop&#8221; _builder_version=&#8221;3.25&#8243; custom_margin_last_edited=&#8221;off|desktop&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_5&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;50px|||&#8221; custom_padding_tablet=&#8221;0px|||&#8221; custom_padding_phone=&#8221;&#8221; custom_padding_last_edited=&#8221;on|tablet&#8221; global_colors_info=&#8221;{}&#8221; padding_tablet=&#8221;0px|||&#8221; padding_last_edited=&#8221;on|tablet&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_blurb title=&#8221;#FFE609&#8243; image=&#8221;https:\/\/mletkojmrjlt.i.optimole.com\/cb:p7uK.1393e\/w:auto\/h:auto\/q:mauto\/f:best\/ig:avif\/https:\/\/codography.ch\/wp-content\/uploads\/2020\/06\/yellow-musiclly.png&#8221; _builder_version=&#8221;4.4.8&#8243; header_level=&#8221;h5&#8243; header_font=&#8221;|600||on|||||&#8221; header_text_color=&#8221;#000000&#8243; header_font_size=&#8221;12px&#8221; header_letter_spacing=&#8221;3px&#8221; header_line_height=&#8221;2em&#8221; text_orientation=&#8221;center&#8221; animation_style=&#8221;slide&#8221; animation_direction=&#8221;bottom&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_blurb][\/et_pb_column][et_pb_column type=&#8221;1_5&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;120px|||&#8221; custom_padding_tablet=&#8221;0px|||&#8221; custom_padding_phone=&#8221;&#8221; custom_padding_last_edited=&#8221;on|tablet&#8221; global_colors_info=&#8221;{}&#8221; padding_tablet=&#8221;0px|||&#8221; padding_last_edited=&#8221;on|tablet&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_blurb title=&#8221;#CCB807&#8243; image=&#8221;https:\/\/mletkojmrjlt.i.optimole.com\/cb:p7uK.1393e\/w:auto\/h:auto\/q:mauto\/f:best\/ig:avif\/https:\/\/codography.ch\/wp-content\/uploads\/2020\/06\/Dark-yellow-musiclly.png&#8221; _builder_version=&#8221;4.4.8&#8243; header_level=&#8221;h5&#8243; header_font=&#8221;|600||on|||||&#8221; header_text_color=&#8221;#000000&#8243; header_font_size=&#8221;12px&#8221; header_letter_spacing=&#8221;3px&#8221; header_line_height=&#8221;2em&#8221; text_orientation=&#8221;center&#8221; animation_style=&#8221;slide&#8221; animation_direction=&#8221;bottom&#8221; animation_intensity_slide=&#8221;20%&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_blurb][\/et_pb_column][et_pb_column type=&#8221;1_5&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;60px|||&#8221; custom_padding_tablet=&#8221;0px|||&#8221; custom_padding_phone=&#8221;&#8221; custom_padding_last_edited=&#8221;on|tablet&#8221; global_colors_info=&#8221;{}&#8221; padding_tablet=&#8221;0px|||&#8221; padding_last_edited=&#8221;on|tablet&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_blurb title=&#8221;#D9D9D9&#8243; image=&#8221;https:\/\/mletkojmrjlt.i.optimole.com\/cb:p7uK.1393e\/w:auto\/h:auto\/q:mauto\/f:best\/ig:avif\/https:\/\/codography.ch\/wp-content\/uploads\/2020\/06\/Light-gray.png&#8221; _builder_version=&#8221;4.4.8&#8243; header_level=&#8221;h5&#8243; header_font=&#8221;|600||on|||||&#8221; header_text_color=&#8221;#000000&#8243; header_font_size=&#8221;12px&#8221; header_letter_spacing=&#8221;3px&#8221; header_line_height=&#8221;2em&#8221; text_orientation=&#8221;center&#8221; animation_style=&#8221;slide&#8221; animation_direction=&#8221;bottom&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_blurb][\/et_pb_column][et_pb_column type=&#8221;1_5&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_blurb title=&#8221;#767575&#8243; image=&#8221;https:\/\/mletkojmrjlt.i.optimole.com\/cb:p7uK.1393e\/w:auto\/h:auto\/q:mauto\/f:best\/ig:avif\/https:\/\/codography.ch\/wp-content\/uploads\/2020\/06\/gray.png&#8221; _builder_version=&#8221;4.4.8&#8243; header_level=&#8221;h5&#8243; header_font=&#8221;|600||on|||||&#8221; header_text_color=&#8221;#000000&#8243; header_font_size=&#8221;12px&#8221; header_letter_spacing=&#8221;3px&#8221; header_line_height=&#8221;2em&#8221; text_orientation=&#8221;center&#8221; animation_style=&#8221;slide&#8221; animation_direction=&#8221;bottom&#8221; animation_intensity_slide=&#8221;70%&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_blurb][\/et_pb_column][et_pb_column type=&#8221;1_5&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;90px|||&#8221; custom_padding_tablet=&#8221;0px|||&#8221; custom_padding_phone=&#8221;&#8221; custom_padding_last_edited=&#8221;on|tablet&#8221; global_colors_info=&#8221;{}&#8221; padding_tablet=&#8221;0px|||&#8221; padding_last_edited=&#8221;on|tablet&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_blurb title=&#8221;#363636&#8243; image=&#8221;https:\/\/mletkojmrjlt.i.optimole.com\/cb:p7uK.1393e\/w:auto\/h:auto\/q:mauto\/f:best\/ig:avif\/https:\/\/codography.ch\/wp-content\/uploads\/2020\/06\/Dark-gray.png&#8221; _builder_version=&#8221;4.4.8&#8243; header_level=&#8221;h5&#8243; header_font=&#8221;|600||on|||||&#8221; header_text_color=&#8221;#000000&#8243; header_font_size=&#8221;12px&#8221; header_letter_spacing=&#8221;3px&#8221; header_line_height=&#8221;2em&#8221; text_orientation=&#8221;center&#8221; animation_style=&#8221;slide&#8221; animation_direction=&#8221;bottom&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_blurb][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_6,1_6,1_6,1_2&#8243; _builder_version=&#8221;3.25&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_6&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_image src=&#8221;https:\/\/mletkojmrjlt.i.optimole.com\/cb:p7uK.1393e\/w:auto\/h:auto\/q:mauto\/f:best\/ig:avif\/https:\/\/codography.ch\/wp-content\/uploads\/2020\/06\/codung-icon-note.png&#8221; title_text=&#8221;codung-icon-note&#8221; align=&#8221;center&#8221; align_tablet=&#8221;center&#8221; align_phone=&#8221;&#8221; align_last_edited=&#8221;on|desktop&#8221; _builder_version=&#8221;4.4.8&#8243; custom_margin=&#8221;60px||60px||true&#8221; animation_style=&#8221;zoom&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_image src=&#8221;https:\/\/mletkojmrjlt.i.optimole.com\/cb:p7uK.1393e\/w:auto\/h:auto\/q:mauto\/f:best\/ig:avif\/https:\/\/codography.ch\/wp-content\/uploads\/2020\/06\/codung-icon-library.png&#8221; title_text=&#8221;codung-icon-library&#8221; align=&#8221;center&#8221; align_tablet=&#8221;center&#8221; align_phone=&#8221;&#8221; align_last_edited=&#8221;on|desktop&#8221; _builder_version=&#8221;4.4.8&#8243; custom_margin=&#8221;60px||60px||true&#8221; animation_style=&#8221;zoom&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_image src=&#8221;https:\/\/mletkojmrjlt.i.optimole.com\/cb:p7uK.1393e\/w:auto\/h:auto\/q:mauto\/f:best\/ig:avif\/https:\/\/codography.ch\/wp-content\/uploads\/2020\/06\/codung-icon-reverse.png&#8221; title_text=&#8221;codung-icon-reverse&#8221; align=&#8221;center&#8221; align_tablet=&#8221;center&#8221; align_phone=&#8221;&#8221; align_last_edited=&#8221;on|desktop&#8221; _builder_version=&#8221;4.4.8&#8243; custom_margin=&#8221;60px||60px||true&#8221; animation_style=&#8221;zoom&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_image src=&#8221;https:\/\/mletkojmrjlt.i.optimole.com\/cb:p7uK.1393e\/w:auto\/h:auto\/q:mauto\/f:best\/ig:avif\/https:\/\/codography.ch\/wp-content\/uploads\/2020\/06\/codung-icon-random.png&#8221; title_text=&#8221;codung-icon-random&#8221; align=&#8221;center&#8221; align_tablet=&#8221;center&#8221; align_phone=&#8221;&#8221; align_last_edited=&#8221;on|desktop&#8221; _builder_version=&#8221;4.4.8&#8243; custom_margin=&#8221;60px||60px||true&#8221; animation_style=&#8221;zoom&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_image src=&#8221;https:\/\/mletkojmrjlt.i.optimole.com\/cb:p7uK.1393e\/w:auto\/h:auto\/q:mauto\/f:best\/ig:avif\/https:\/\/codography.ch\/wp-content\/uploads\/2020\/06\/codung-icon-menu.png&#8221; title_text=&#8221;codung-icon-menu&#8221; align=&#8221;center&#8221; align_tablet=&#8221;center&#8221; align_phone=&#8221;&#8221; align_last_edited=&#8221;on|desktop&#8221; _builder_version=&#8221;4.4.8&#8243; custom_margin=&#8221;60px||60px||true&#8221; animation_style=&#8221;zoom&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][et_pb_column type=&#8221;1_6&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_image src=&#8221;https:\/\/mletkojmrjlt.i.optimole.com\/cb:p7uK.1393e\/w:auto\/h:auto\/q:mauto\/f:best\/ig:avif\/https:\/\/codography.ch\/wp-content\/uploads\/2020\/06\/codung-icon-cd.png&#8221; title_text=&#8221;codung-icon-cd&#8221; align=&#8221;center&#8221; align_tablet=&#8221;center&#8221; align_phone=&#8221;&#8221; align_last_edited=&#8221;on|desktop&#8221; _builder_version=&#8221;4.4.8&#8243; custom_margin=&#8221;60px||60px||true&#8221; animation_style=&#8221;zoom&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_image src=&#8221;https:\/\/mletkojmrjlt.i.optimole.com\/cb:p7uK.1393e\/w:auto\/h:auto\/q:mauto\/f:best\/ig:avif\/https:\/\/codography.ch\/wp-content\/uploads\/2020\/06\/codung-icon-menuLibrary.png&#8221; title_text=&#8221;codung-icon-menuLibrary&#8221; align=&#8221;center&#8221; align_tablet=&#8221;center&#8221; align_phone=&#8221;&#8221; align_last_edited=&#8221;on|desktop&#8221; _builder_version=&#8221;4.4.8&#8243; custom_margin=&#8221;60px||60px||true&#8221; animation_style=&#8221;zoom&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_image src=&#8221;https:\/\/mletkojmrjlt.i.optimole.com\/cb:p7uK.1393e\/w:auto\/h:auto\/q:mauto\/f:best\/ig:avif\/https:\/\/codography.ch\/wp-content\/uploads\/2020\/06\/codung-icon-play.png&#8221; title_text=&#8221;codung-icon-play&#8221; align=&#8221;center&#8221; align_tablet=&#8221;center&#8221; align_phone=&#8221;&#8221; align_last_edited=&#8221;on|desktop&#8221; _builder_version=&#8221;4.4.8&#8243; custom_margin=&#8221;60px||60px||true&#8221; animation_style=&#8221;zoom&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_image src=&#8221;https:\/\/mletkojmrjlt.i.optimole.com\/cb:p7uK.1393e\/w:auto\/h:auto\/q:mauto\/f:best\/ig:avif\/https:\/\/codography.ch\/wp-content\/uploads\/2020\/06\/codung-icon-paus.png&#8221; title_text=&#8221;codung-icon-paus&#8221; align=&#8221;center&#8221; align_tablet=&#8221;center&#8221; align_phone=&#8221;&#8221; align_last_edited=&#8221;on|desktop&#8221; _builder_version=&#8221;4.4.8&#8243; custom_margin=&#8221;60px||60px||true&#8221; animation_style=&#8221;zoom&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_image src=&#8221;https:\/\/mletkojmrjlt.i.optimole.com\/cb:p7uK.1393e\/w:auto\/h:auto\/q:mauto\/f:best\/ig:avif\/https:\/\/codography.ch\/wp-content\/uploads\/2020\/06\/codung-icon-wifi.png&#8221; title_text=&#8221;codung-icon-wifi&#8221; align=&#8221;center&#8221; align_tablet=&#8221;center&#8221; align_phone=&#8221;&#8221; align_last_edited=&#8221;on|desktop&#8221; _builder_version=&#8221;4.4.8&#8243; custom_margin=&#8221;60px||60px||true&#8221; animation_style=&#8221;zoom&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][et_pb_column type=&#8221;1_6&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_image src=&#8221;https:\/\/mletkojmrjlt.i.optimole.com\/cb:p7uK.1393e\/w:auto\/h:auto\/q:mauto\/f:best\/ig:avif\/https:\/\/codography.ch\/wp-content\/uploads\/2020\/06\/codung-icon-search.png&#8221; title_text=&#8221;codung-icon-search&#8221; align=&#8221;center&#8221; align_tablet=&#8221;center&#8221; align_phone=&#8221;&#8221; align_last_edited=&#8221;on|desktop&#8221; _builder_version=&#8221;4.4.8&#8243; custom_margin=&#8221;60px||60px||true&#8221; animation_style=&#8221;zoom&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_image src=&#8221;https:\/\/mletkojmrjlt.i.optimole.com\/cb:p7uK.1393e\/w:auto\/h:auto\/q:mauto\/f:best\/ig:avif\/https:\/\/codography.ch\/wp-content\/uploads\/2020\/06\/codung-icon-setting.png&#8221; title_text=&#8221;codung-icon-setting&#8221; align=&#8221;center&#8221; align_tablet=&#8221;center&#8221; align_phone=&#8221;&#8221; align_last_edited=&#8221;on|desktop&#8221; _builder_version=&#8221;4.4.8&#8243; custom_margin=&#8221;60px||60px||true&#8221; animation_style=&#8221;zoom&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_image src=&#8221;https:\/\/mletkojmrjlt.i.optimole.com\/cb:p7uK.1393e\/w:auto\/h:auto\/q:mauto\/f:best\/ig:avif\/https:\/\/codography.ch\/wp-content\/uploads\/2020\/06\/codung-icon-next.png&#8221; title_text=&#8221;codung-icon-next&#8221; align=&#8221;center&#8221; align_tablet=&#8221;center&#8221; align_phone=&#8221;&#8221; align_last_edited=&#8221;on|desktop&#8221; _builder_version=&#8221;4.4.8&#8243; custom_margin=&#8221;60px||60px||true&#8221; animation_style=&#8221;zoom&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_image src=&#8221;https:\/\/mletkojmrjlt.i.optimole.com\/cb:p7uK.1393e\/w:auto\/h:auto\/q:mauto\/f:best\/ig:avif\/https:\/\/codography.ch\/wp-content\/uploads\/2020\/06\/codung-icon-loop.png&#8221; title_text=&#8221;codung-icon-loop&#8221; align=&#8221;center&#8221; align_tablet=&#8221;center&#8221; align_phone=&#8221;&#8221; align_last_edited=&#8221;on|desktop&#8221; _builder_version=&#8221;4.4.8&#8243; custom_margin=&#8221;60px||60px||true&#8221; animation_style=&#8221;zoom&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_image src=&#8221;https:\/\/mletkojmrjlt.i.optimole.com\/cb:p7uK.1393e\/w:auto\/h:auto\/q:mauto\/f:best\/ig:avif\/https:\/\/codography.ch\/wp-content\/uploads\/2020\/06\/codung-icon-signalPhone.png&#8221; title_text=&#8221;codung-icon-signalPhone&#8221; align=&#8221;center&#8221; align_tablet=&#8221;center&#8221; align_phone=&#8221;&#8221; align_last_edited=&#8221;on|desktop&#8221; _builder_version=&#8221;4.4.8&#8243; custom_margin=&#8221;60px||60px||true&#8221; animation_style=&#8221;zoom&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;4.4.8&#8243; text_font=&#8221;Poppins|300|||||||&#8221; text_text_color=&#8221;#f1f1f1&#8243; text_font_size=&#8221;13px&#8221; text_letter_spacing=&#8221;1px&#8221; header_font=&#8221;||||||||&#8221; header_text_color=&#8221;#FFE609&#8243; header_font_size=&#8221;130px&#8221; header_2_font=&#8221;||||||||&#8221; header_2_text_color=&#8221;#f1f1f1&#8243; header_2_font_size=&#8221;32px&#8221; header_2_letter_spacing=&#8221;0.5px&#8221; header_2_line_height=&#8221;2em&#8221; header_3_font=&#8221;||||||||&#8221; header_3_font_size=&#8221;24px&#8221; header_3_letter_spacing=&#8221;0.5px&#8221; header_3_line_height=&#8221;2em&#8221; header_4_font=&#8221;||||||||&#8221; header_4_text_color=&#8221;#f1f1f1&#8243; header_4_font_size=&#8221;16px&#8221; header_4_letter_spacing=&#8221;0.5px&#8221; header_4_line_height=&#8221;2em&#8221; header_5_font=&#8221;|700||on|||||&#8221; header_5_text_color=&#8221;#f1f1f1&#8243; header_5_font_size=&#8221;13px&#8221; header_5_letter_spacing=&#8221;2px&#8221; header_5_line_height=&#8221;3em&#8221; background_color=&#8221;#363636&#8243; text_orientation=&#8221;justified&#8221; custom_margin=&#8221;|||&#8221; custom_margin_last_edited=&#8221;off|desktop&#8221; custom_padding=&#8221;30px|40px|30px|40px&#8221; animation_style=&#8221;roll&#8221; animation_intensity_roll=&#8221;1%&#8221; border_radii=&#8221;on|10px|10px|10px|10px&#8221; box_shadow_style=&#8221;preset2&#8243; box_shadow_horizontal=&#8221;0px&#8221; box_shadow_vertical=&#8221;0px&#8221; box_shadow_blur=&#8221;60px&#8221; box_shadow_color=&#8221;rgba(71,74,182,0.12)&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h1>Aa<\/h1>\n<h2><span style=\"font-weight: bold;\">Sofia Pro<\/span><\/h2>\n<h4>Poppins Regular 16pt<\/h4>\n<h5>Regular, Medium and Bold<\/h5>\n<p>Sofia pro is used as the standard font. This is used for the headings as well as for the body text. It includes the well thought-out and conscious selection of fonts, point size, line length, line spacing, tracking, kerning, color and all elements that can influence a design. Sofia pro is a sans serif typeface family, Warmth: It comes from the semicircular details of the letters, Strong structure: this gives stability and seriousness and It is a coquettish, friendly and versatile typeface<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; admin_label=&#8221;UI&#8221; _builder_version=&#8221;4.4.8&#8243; use_background_color_gradient=&#8221;on&#8221; background_color_gradient_start=&#8221;#151515&#8243; background_color_gradient_end=&#8221;rgba(21,21,21,0.3)&#8221; background_image=&#8221;https:\/\/mletkojmrjlt.i.optimole.com\/cb:p7uK.1393e\/w:auto\/h:auto\/q:mauto\/f:best\/ig:avif\/https:\/\/codography.ch\/wp-content\/uploads\/2020\/06\/coding-background-texture.jpg&#8221; background_blend=&#8221;overlay&#8221; custom_padding=&#8221;100px|0px|0|0px|false|false&#8221; box_shadow_style=&#8221;preset7&#8243; box_shadow_horizontal=&#8221;0px&#8221; box_shadow_vertical=&#8221;-190px&#8221; box_shadow_color=&#8221;#ffffff&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;27px|0px|27px|0|false|false&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;4.4.8&#8243; text_font=&#8221;||||||||&#8221; text_font_size=&#8221;16px&#8221; text_line_height=&#8221;1.8em&#8221; header_font=&#8221;||||||||&#8221; header_2_font=&#8221;|900|||||||&#8221; header_2_text_align=&#8221;center&#8221; header_2_font_size=&#8221;43px&#8221; header_2_letter_spacing=&#8221;2px&#8221; header_2_line_height=&#8221;1.6em&#8221; header_3_font=&#8221;|300|||||||&#8221; header_3_text_align=&#8221;center&#8221; header_3_font_size=&#8221;20px&#8221; header_4_font=&#8221;Lato|700||on|||||&#8221; header_4_font_size=&#8221;14px&#8221; header_4_letter_spacing=&#8221;2px&#8221; header_4_line_height=&#8221;1.8em&#8221; background_layout=&#8221;dark&#8221; custom_margin=&#8221;|||&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2>SHOWCASE<\/h2>\n<h3>works perfectly on any devices<\/h3>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_4,1_4,1_4,1_4&#8243; _builder_version=&#8221;4.4.8&#8243; max_width=&#8221;90%&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_image src=&#8221;https:\/\/mletkojmrjlt.i.optimole.com\/cb:p7uK.1393e\/w:auto\/h:auto\/q:mauto\/f:best\/ig:avif\/https:\/\/codography.ch\/wp-content\/uploads\/2020\/06\/showcaseExplore.png&#8221; title_text=&#8221;showcaseExplore&#8221; show_in_lightbox=&#8221;on&#8221; _builder_version=&#8221;4.4.8&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][et_pb_column type=&#8221;1_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_image src=&#8221;https:\/\/mletkojmrjlt.i.optimole.com\/cb:p7uK.1393e\/w:auto\/h:auto\/q:mauto\/f:best\/ig:avif\/https:\/\/codography.ch\/wp-content\/uploads\/2020\/06\/showcasetrending.png&#8221; title_text=&#8221;showcasetrending&#8221; show_in_lightbox=&#8221;on&#8221; _builder_version=&#8221;4.4.8&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][et_pb_column type=&#8221;1_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_image src=&#8221;https:\/\/mletkojmrjlt.i.optimole.com\/cb:p7uK.1393e\/w:auto\/h:auto\/q:mauto\/f:best\/ig:avif\/https:\/\/codography.ch\/wp-content\/uploads\/2020\/06\/showcaseLibrary.png&#8221; title_text=&#8221;showcaseLibrary&#8221; show_in_lightbox=&#8221;on&#8221; _builder_version=&#8221;4.4.8&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][et_pb_column type=&#8221;1_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_image src=&#8221;https:\/\/mletkojmrjlt.i.optimole.com\/cb:p7uK.1393e\/w:auto\/h:auto\/q:mauto\/f:best\/ig:avif\/https:\/\/codography.ch\/wp-content\/uploads\/2020\/06\/showcasemusicPlayer.png&#8221; title_text=&#8221;showcasemusicPlayer&#8221; show_in_lightbox=&#8221;on&#8221; _builder_version=&#8221;4.4.8&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.8.1&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;1px||3px|||&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.8.1&#8243; _module_preset=&#8221;default&#8221; background_enable_color=&#8221;off&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.5.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.5.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text admin_label=&#8221;Title&#8221; _builder_version=&#8221;4.8.1&#8243; text_font=&#8221;|700||on|||||&#8221; text_text_color=&#8221;#151515&#8243; text_font_size=&#8221;42px&#8221; text_line_height=&#8221;1.2em&#8221; background_enable_color=&#8221;off&#8221; text_orientation=&#8221;center&#8221; max_width=&#8221;700px&#8221; module_alignment=&#8221;center&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]Thanks for Watching[\/et_pb_text][et_pb_social_media_follow icon_color=&#8221;#ffffff&#8221; use_icon_font_size=&#8221;on&#8221; icon_font_size=&#8221;11px&#8221; _builder_version=&#8221;4.8.1&#8243; text_orientation=&#8221;center&#8221; custom_margin=&#8221;28px|||-6px|false|false&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; icon_color__hover_enabled=&#8221;on|hover&#8221; icon_color__hover=&#8221;#F7B500&#8243;][et_pb_social_media_follow_network social_network=&#8221;facebook&#8221; url=&#8221;https:\/\/www.facebook.com\/codography.ch&#8221; icon_color=&#8221;#151515&#8243; use_icon_font_size=&#8221;on&#8221; icon_font_size=&#8221;26px&#8221; _builder_version=&#8221;4.8.1&#8243; global_colors_info=&#8221;{}&#8221; icon_color__hover_enabled=&#8221;on|hover&#8221; icon_color__hover=&#8221;#F7B500&#8243; follow_button=&#8221;off&#8221; url_new_window=&#8221;on&#8221;]facebook[\/et_pb_social_media_follow_network][et_pb_social_media_follow_network social_network=&#8221;instagram&#8221; url=&#8221;https:\/\/www.instagram.com\/codography.ch\/&#8221; icon_color=&#8221;#151515&#8243; use_icon_font_size=&#8221;on&#8221; icon_font_size=&#8221;26px&#8221; _builder_version=&#8221;4.8.1&#8243; global_colors_info=&#8221;{}&#8221; icon_color__hover=&#8221;#F7B500&#8243; icon_color__hover_enabled=&#8221;on|desktop&#8221; follow_button=&#8221;off&#8221; url_new_window=&#8221;on&#8221;]instagram[\/et_pb_social_media_follow_network][\/et_pb_social_media_follow][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; _builder_version=&#8221;4.4.8&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_fullwidth_portfolio include_categories=&#8221;144,133&#8243; posts_number=&#8221;6&#8243; _builder_version=&#8221;4.8.1&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_fullwidth_portfolio][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Create an engaging, impactful and well designed UI library that would be applied to wireframes based on research and information of application and target audience.\u00a0<\/p>\n","protected":false},"author":1,"featured_media":1074,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_et_pb_use_builder":"on","_et_pb_old_content":"<!-- wp:divi\/placeholder -->\r\n[et_pb_section][et_pb_row][et_pb_column type=\"4_4\"][et_pb_text][\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section]\r\n<!-- \/wp:divi\/placeholder -->","_et_gb_content_width":"","inline_featured_image":false,"footnotes":""},"project_category":[],"project_tag":[],"class_list":["post-52284","project","type-project","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Musically - codography | Creative Agency<\/title>\n<meta name=\"description\" content=\"Create an engaging, impactful and well designed UI library that would be applied to wireframes based on research and information of application and target audience.\u00a0\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/codography.ch\/project\/musically\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Musically - codography | Creative Agency\" \/>\n<meta property=\"og:description\" content=\"Create an engaging, impactful and well designed UI library that would be applied to wireframes based on research and information of application and target audience.\u00a0\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codography.ch\/project\/musically\/\" \/>\n<meta property=\"og:site_name\" content=\"codography | Creative Agency\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/codography.ch\" \/>\n<meta property=\"article:modified_time\" content=\"2021-09-12T13:37:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/mletkojmrjlt.i.optimole.com\/cb:p7uK.1393e\/w:auto\/h:auto\/q:mauto\/f:best\/ig:avif\/https:\/\/codography.ch\/wp-content\/uploads\/2020\/06\/feature-musically.png\" \/>\n\t<meta property=\"og:image:width\" content=\"387\" \/>\n\t<meta property=\"og:image:height\" content=\"285\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/codography.ch\\\/project\\\/musically\\\/\",\"url\":\"https:\\\/\\\/codography.ch\\\/project\\\/musically\\\/\",\"name\":\"Musically - codography | Creative Agency\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/codography.ch\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/codography.ch\\\/project\\\/musically\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/codography.ch\\\/project\\\/musically\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\/\\/codography.ch\\/wp-content\\/uploads\\/2020\\/06\\/feature-musically.png\",\"datePublished\":\"2021-09-12T13:09:53+00:00\",\"dateModified\":\"2021-09-12T13:37:55+00:00\",\"description\":\"Create an engaging, impactful and well designed UI library that would be applied to wireframes based on research and information of application and target audience.\u00a0\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/codography.ch\\\/project\\\/musically\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/codography.ch\\\/project\\\/musically\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/codography.ch\\\/project\\\/musically\\\/#primaryimage\",\"url\":\"https:\\/\\/codography.ch\\/wp-content\\/uploads\\/2020\\/06\\/feature-musically.png\",\"contentUrl\":\"https:\\/\\/codography.ch\\/wp-content\\/uploads\\/2020\\/06\\/feature-musically.png\",\"width\":387,\"height\":285,\"caption\":\"music app Presentation\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/codography.ch\\\/project\\\/musically\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/codography.ch\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Projects\",\"item\":\"https:\\\/\\\/codography.ch\\\/project\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Musically\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/codography.ch\\\/#website\",\"url\":\"https:\\\/\\\/codography.ch\\\/\",\"name\":\"codography | Creative Agency\",\"description\":\"Creative Agency\",\"publisher\":{\"@id\":\"https:\\\/\\\/codography.ch\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/codography.ch\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/codography.ch\\\/#organization\",\"name\":\"codography\",\"url\":\"https:\\\/\\\/codography.ch\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/codography.ch\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\/\\/codography.ch\\/wp-content\\/uploads\\/2020\\/06\\/fivicon.svg\",\"contentUrl\":\"https:\\/\\/codography.ch\\/wp-content\\/uploads\\/2020\\/06\\/fivicon.svg\",\"width\":\"1024\",\"height\":\"1024\",\"caption\":\"codography\"},\"image\":{\"@id\":\"https:\\\/\\\/codography.ch\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/codography.ch\",\"https:\\\/\\\/www.instagram.com\\\/codography.ch\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Musically - codography | Creative Agency","description":"Create an engaging, impactful and well designed UI library that would be applied to wireframes based on research and information of application and target audience.\u00a0","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/codography.ch\/project\/musically\/","og_locale":"en_US","og_type":"article","og_title":"Musically - codography | Creative Agency","og_description":"Create an engaging, impactful and well designed UI library that would be applied to wireframes based on research and information of application and target audience.\u00a0","og_url":"https:\/\/codography.ch\/project\/musically\/","og_site_name":"codography | Creative Agency","article_publisher":"https:\/\/www.facebook.com\/codography.ch","article_modified_time":"2021-09-12T13:37:55+00:00","og_image":[{"width":387,"height":285,"url":"https:\/\/mletkojmrjlt.i.optimole.com\/cb:p7uK.1393e\/w:auto\/h:auto\/q:mauto\/f:best\/ig:avif\/https:\/\/codography.ch\/wp-content\/uploads\/2020\/06\/feature-musically.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/codography.ch\/project\/musically\/","url":"https:\/\/codography.ch\/project\/musically\/","name":"Musically - codography | Creative Agency","isPartOf":{"@id":"https:\/\/codography.ch\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codography.ch\/project\/musically\/#primaryimage"},"image":{"@id":"https:\/\/codography.ch\/project\/musically\/#primaryimage"},"thumbnailUrl":"https:\/\/mletkojmrjlt.i.optimole.com\/cb:p7uK.1393e\/w:auto\/h:auto\/q:mauto\/f:best\/ig:avif\/https:\/\/codography.ch\/wp-content\/uploads\/2020\/06\/feature-musically.png","datePublished":"2021-09-12T13:09:53+00:00","dateModified":"2021-09-12T13:37:55+00:00","description":"Create an engaging, impactful and well designed UI library that would be applied to wireframes based on research and information of application and target audience.\u00a0","breadcrumb":{"@id":"https:\/\/codography.ch\/project\/musically\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codography.ch\/project\/musically\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codography.ch\/project\/musically\/#primaryimage","url":"https:\/\/mletkojmrjlt.i.optimole.com\/cb:p7uK.1393e\/w:auto\/h:auto\/q:mauto\/f:best\/ig:avif\/https:\/\/codography.ch\/wp-content\/uploads\/2020\/06\/feature-musically.png","contentUrl":"https:\/\/mletkojmrjlt.i.optimole.com\/cb:p7uK.1393e\/w:auto\/h:auto\/q:mauto\/f:best\/ig:avif\/https:\/\/codography.ch\/wp-content\/uploads\/2020\/06\/feature-musically.png","width":387,"height":285,"caption":"music app Presentation"},{"@type":"BreadcrumbList","@id":"https:\/\/codography.ch\/project\/musically\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/codography.ch\/en\/"},{"@type":"ListItem","position":2,"name":"Projects","item":"https:\/\/codography.ch\/project\/"},{"@type":"ListItem","position":3,"name":"Musically"}]},{"@type":"WebSite","@id":"https:\/\/codography.ch\/#website","url":"https:\/\/codography.ch\/","name":"codography | Creative Agency","description":"Creative Agency","publisher":{"@id":"https:\/\/codography.ch\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codography.ch\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/codography.ch\/#organization","name":"codography","url":"https:\/\/codography.ch\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codography.ch\/#\/schema\/logo\/image\/","url":"https:\/\/mletkojmrjlt.i.optimole.com\/cb:p7uK.1393e\/w:auto\/h:auto\/q:mauto\/f:best\/ig:avif\/https:\/\/codography.ch\/wp-content\/uploads\/2020\/06\/fivicon.svg","contentUrl":"https:\/\/mletkojmrjlt.i.optimole.com\/cb:p7uK.1393e\/w:auto\/h:auto\/q:mauto\/f:best\/ig:avif\/https:\/\/codography.ch\/wp-content\/uploads\/2020\/06\/fivicon.svg","width":"1024","height":"1024","caption":"codography"},"image":{"@id":"https:\/\/codography.ch\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/codography.ch","https:\/\/www.instagram.com\/codography.ch\/"]}]}},"_links":{"self":[{"href":"https:\/\/codography.ch\/en\/wp-json\/wp\/v2\/project\/52284","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codography.ch\/en\/wp-json\/wp\/v2\/project"}],"about":[{"href":"https:\/\/codography.ch\/en\/wp-json\/wp\/v2\/types\/project"}],"author":[{"embeddable":true,"href":"https:\/\/codography.ch\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codography.ch\/en\/wp-json\/wp\/v2\/comments?post=52284"}],"version-history":[{"count":8,"href":"https:\/\/codography.ch\/en\/wp-json\/wp\/v2\/project\/52284\/revisions"}],"predecessor-version":[{"id":52296,"href":"https:\/\/codography.ch\/en\/wp-json\/wp\/v2\/project\/52284\/revisions\/52296"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codography.ch\/en\/wp-json\/wp\/v2\/media\/1074"}],"wp:attachment":[{"href":"https:\/\/codography.ch\/en\/wp-json\/wp\/v2\/media?parent=52284"}],"wp:term":[{"taxonomy":"project_category","embeddable":true,"href":"https:\/\/codography.ch\/en\/wp-json\/wp\/v2\/project_category?post=52284"},{"taxonomy":"project_tag","embeddable":true,"href":"https:\/\/codography.ch\/en\/wp-json\/wp\/v2\/project_tag?post=52284"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}