[{"data":1,"prerenderedAt":226},["ShallowReactive",2],{"case-girafe":3},{"seo":4,"title":5,"hero":9,"modal":28,"introduction":30,"modularContent":36,"outroduction":221},{"title":5,"description":6,"image":7},"Girafe","For Girafe by Prof. Eric Firley, Creative Nights built a brand identity and story-driven one-pager—serious topics meet the spirit of Miami’s sunset ✨",{"url":8},"https:\u002F\u002Fwww.datocms-assets.com\u002F144094\u002F1759180790-girafe-website.png?fit=clamp&h=630&w=1200",{"title":5,"tagline":10,"tags":11,"mainAsset":21,"backgroundAsset":27},"",[12,15,18],{"shape":13,"label":14},"shape-2","Branding",{"shape":16,"label":17},"shape-3","Digital",{"shape":19,"label":20},"shape-4","Content",{"data":22,"alt":10},{"src":23,"width":24,"height":25,"isVideo":26},"https:\u002F\u002Fres.cloudinary.com\u002Fdjd5bspxh\u002Fvideo\u002Fupload\u002Fv1759173823\u002FGirafe_-_Thumbnail_zraiiu.mp4",1920,1200,true,null,{"title":5,"tagline":10,"items":29},[],{"title":5,"tagline":10,"services":31},[32,33,34,35],"Corporate Identity","Logo","Web Design","Web Development",{"items":37},[38,59,75,80,92,104,115,125,135,138,149,160,170,173,215],{"_modelApiKey":39,"spacing":40,"assetLeft":41,"captionLeft":10,"assetRight":45,"captionRight":10,"forceAssetsAlignment":46},"module_side_by_side","l",{"isVideo":26,"videoHeight":42,"videoUrl":43,"videoWidth":44,"image":27},2000,"https:\u002F\u002Fres.cloudinary.com\u002Fdjd5bspxh\u002Fvideo\u002Fupload\u002Fv1759173481\u002FGirafe-logoIG_4_euhxib.mp4",1700,{"isVideo":46,"videoHeight":47,"videoUrl":10,"videoWidth":48,"image":49},false,900,1600,{"width":50,"height":51,"url":52,"alt":27,"title":27,"focalPoint":53,"responsiveImage":55},1333,1566,"https:\u002F\u002Fwww.datocms-assets.com\u002F144094\u002F1759188333-girafe-posters.png",{"x":54,"y":54},0.5,{"src":56,"width":57,"height":58},"https:\u002F\u002Fwww.datocms-assets.com\u002F144094\u002F1759188333-girafe-posters.png?fit=crop&w=1778",1778,2089,{"_modelApiKey":60,"spacing":40,"quote":61,"author":10,"quotePosition":74},"module_quote",{"value":62,"links":73},{"schema":63,"document":64},"dast",{"type":65,"children":66},"root",[67],{"type":68,"children":69},"paragraph",[70],{"type":71,"value":72},"span","In essence, we tackle issues while creating a positive setting.",[],"center",{"_modelApiKey":76,"spacing":40,"asset":77,"mobileAsset":27,"caption":10,"isInset":46},"module_fullwidth",{"isVideo":26,"videoHeight":78,"videoUrl":79,"videoWidth":24,"image":27},1196,"https:\u002F\u002Fres.cloudinary.com\u002Fdjd5bspxh\u002Fvideo\u002Fupload\u002Fv1759196223\u002FGirafe_-_Website_walkthrough_3_ddd1do.mp4",{"_modelApiKey":81,"spacing":40,"copy":82,"copyPosition":91},"module_copy",{"value":83,"links":90},{"schema":63,"document":84},{"type":65,"children":85},[86],{"type":68,"children":87},[88],{"type":71,"value":89},"To enhance the website's flow and storytelling, Creative Nights opted for a one-pager experience. This format allows the seamless distribution of content, addressing issues, and presenting products without the need for additional clicks.\n\n",[],"right",{"_modelApiKey":39,"spacing":40,"assetLeft":93,"captionLeft":10,"assetRight":102,"captionRight":10,"forceAssetsAlignment":46},{"isVideo":46,"videoHeight":47,"videoUrl":10,"videoWidth":48,"image":94},{"width":95,"height":96,"url":97,"alt":27,"title":27,"focalPoint":98,"responsiveImage":99},890,1045,"https:\u002F\u002Fwww.datocms-assets.com\u002F144094\u002F1759180790-girafe-website.png",{"x":54,"y":54},{"src":100,"width":57,"height":101},"https:\u002F\u002Fwww.datocms-assets.com\u002F144094\u002F1759180790-girafe-website.png?fit=crop&w=1778",2088,{"isVideo":26,"videoHeight":42,"videoUrl":103,"videoWidth":44,"image":27},"https:\u002F\u002Fres.cloudinary.com\u002Fdjd5bspxh\u002Fvideo\u002Fupload\u002Fv1759193068\u002FGIRAFE_1700x2000_SHOWCASE_FINAL_nlsps3.mp4",{"_modelApiKey":60,"spacing":40,"quote":105,"author":10,"quotePosition":114},{"value":106,"links":113},{"schema":63,"document":107},{"type":65,"children":108},[109],{"type":68,"children":110},[111],{"type":71,"value":112},"A standout feature is the custom-tailored illustration of Miami.",[],"left",{"_modelApiKey":39,"spacing":40,"assetLeft":116,"captionLeft":10,"assetRight":118,"captionRight":10,"forceAssetsAlignment":46},{"isVideo":26,"videoHeight":42,"videoUrl":117,"videoWidth":44,"image":27},"https:\u002F\u002Fres.cloudinary.com\u002Fdjd5bspxh\u002Fvideo\u002Fupload\u002Fv1759173753\u002FGirafe_-_desktop_map_fmb2pj.mp4",{"isVideo":46,"videoHeight":47,"videoUrl":10,"videoWidth":48,"image":119},{"width":44,"height":42,"url":120,"alt":27,"title":27,"focalPoint":121,"responsiveImage":122},"https:\u002F\u002Fwww.datocms-assets.com\u002F144094\u002F1759193374-girafe-illustrations-1.png",{"x":54,"y":54},{"src":123,"width":57,"height":124},"https:\u002F\u002Fwww.datocms-assets.com\u002F144094\u002F1759193374-girafe-illustrations-1.png?fit=crop&w=1778",2092,{"_modelApiKey":81,"spacing":40,"copy":126,"copyPosition":91},{"value":127,"links":134},{"schema":63,"document":128},{"type":65,"children":129},[130],{"type":68,"children":131},[132],{"type":71,"value":133},"A standout feature is the custom-tailored illustration of Miami, presented as an isometric map, showcasing significant symbols of the city's buildings. Through neon arches, we convey the connection between different groups.",[],{"_modelApiKey":76,"spacing":40,"asset":136,"mobileAsset":27,"caption":10,"isInset":26},{"isVideo":26,"videoHeight":25,"videoUrl":137,"videoWidth":24,"image":27},"https:\u002F\u002Fres.cloudinary.com\u002Fdjd5bspxh\u002Fvideo\u002Fupload\u002Fv1759173974\u002FGirafe_Alta_edit_yeubei.mp4",{"_modelApiKey":39,"spacing":40,"assetLeft":139,"captionLeft":10,"assetRight":147,"captionRight":10,"forceAssetsAlignment":46},{"isVideo":46,"videoHeight":47,"videoUrl":10,"videoWidth":48,"image":140},{"width":141,"height":142,"url":143,"alt":27,"title":27,"focalPoint":144,"responsiveImage":145},1774,2087,"https:\u002F\u002Fwww.datocms-assets.com\u002F144094\u002F1759170481-girafe-colours.png",{"x":54,"y":54},{"src":146,"width":57,"height":124},"https:\u002F\u002Fwww.datocms-assets.com\u002F144094\u002F1759170481-girafe-colours.png?fit=crop&w=1778",{"isVideo":26,"videoHeight":42,"videoUrl":148,"videoWidth":44,"image":27},"https:\u002F\u002Fres.cloudinary.com\u002Fdjd5bspxh\u002Fvideo\u002Fupload\u002Fv1759173485\u002FGirafe_-_Mobile_nkwmxy.mp4",{"_modelApiKey":76,"spacing":40,"asset":150,"mobileAsset":27,"caption":10,"isInset":46},{"isVideo":46,"videoHeight":47,"videoUrl":10,"videoWidth":48,"image":151},{"width":152,"height":153,"url":154,"alt":27,"title":27,"focalPoint":155,"responsiveImage":156},2881,1801,"https:\u002F\u002Fwww.datocms-assets.com\u002F144094\u002F1759193656-girafe-mobile-design.png",{"x":54,"y":54},{"src":157,"width":158,"height":159},"https:\u002F\u002Fwww.datocms-assets.com\u002F144094\u002F1759193656-girafe-mobile-design.png?fit=crop&w=3600",3600,2250,{"_modelApiKey":60,"spacing":40,"quote":161,"author":10,"quotePosition":114},{"value":162,"links":169},{"schema":63,"document":163},{"type":65,"children":164},[165],{"type":68,"children":166},[167],{"type":71,"value":168},"To address serious topics while fostering a positive atmosphere that encourages change, Creative Nights introduced elements of the Miami sunset and a touch of the city's warmth into the overall visual ambiance.",[],{"_modelApiKey":76,"spacing":40,"asset":171,"mobileAsset":27,"caption":10,"isInset":46},{"isVideo":26,"videoHeight":25,"videoUrl":172,"videoWidth":24,"image":27},"https:\u002F\u002Fres.cloudinary.com\u002Fdjd5bspxh\u002Fvideo\u002Fupload\u002Fv1759173490\u002FGiraffe_Neon_Icons_2_udiuxf.mp4",{"_modelApiKey":174,"spacing":40,"items":175,"carouselPosition":74,"isInset":46},"module_carousel",[176,186,194,201,208],{"caption":10,"asset":177},{"isVideo":46,"videoHeight":47,"videoUrl":10,"videoWidth":48,"image":178},{"width":179,"height":180,"url":181,"alt":27,"title":27,"focalPoint":182,"responsiveImage":183},3840,2401,"https:\u002F\u002Fwww.datocms-assets.com\u002F144094\u002F1759170489-girafe-horizontal-carousel00000.png",{"x":54,"y":54},{"src":184,"width":158,"height":185},"https:\u002F\u002Fwww.datocms-assets.com\u002F144094\u002F1759170489-girafe-horizontal-carousel00000.png?fit=crop&w=3600",2251,{"caption":10,"asset":187},{"isVideo":46,"videoHeight":47,"videoUrl":10,"videoWidth":48,"image":188},{"width":179,"height":189,"url":190,"alt":27,"title":27,"focalPoint":191,"responsiveImage":192},2400,"https:\u002F\u002Fwww.datocms-assets.com\u002F144094\u002F1782375192-girafe-horizontal-carousel00001.webp",{"x":54,"y":54},{"src":193,"width":158,"height":159},"https:\u002F\u002Fwww.datocms-assets.com\u002F144094\u002F1782375192-girafe-horizontal-carousel00001.webp?fit=crop&w=3600",{"caption":10,"asset":195},{"isVideo":46,"videoHeight":47,"videoUrl":10,"videoWidth":48,"image":196},{"width":179,"height":180,"url":197,"alt":27,"title":27,"focalPoint":198,"responsiveImage":199},"https:\u002F\u002Fwww.datocms-assets.com\u002F144094\u002F1782375192-girafe-horizontal-carousel00002.webp",{"x":54,"y":54},{"src":200,"width":158,"height":185},"https:\u002F\u002Fwww.datocms-assets.com\u002F144094\u002F1782375192-girafe-horizontal-carousel00002.webp?fit=crop&w=3600",{"caption":10,"asset":202},{"isVideo":46,"videoHeight":47,"videoUrl":10,"videoWidth":48,"image":203},{"width":179,"height":180,"url":204,"alt":27,"title":27,"focalPoint":205,"responsiveImage":206},"https:\u002F\u002Fwww.datocms-assets.com\u002F144094\u002F1759170489-girafe-horizontal-carousel00003.png",{"x":54,"y":54},{"src":207,"width":158,"height":185},"https:\u002F\u002Fwww.datocms-assets.com\u002F144094\u002F1759170489-girafe-horizontal-carousel00003.png?fit=crop&w=3600",{"caption":10,"asset":209},{"isVideo":46,"videoHeight":47,"videoUrl":10,"videoWidth":48,"image":210},{"width":179,"height":189,"url":211,"alt":27,"title":27,"focalPoint":212,"responsiveImage":213},"https:\u002F\u002Fwww.datocms-assets.com\u002F144094\u002F1759170489-girafe-horizontal-carousel00004.png",{"x":54,"y":54},{"src":214,"width":158,"height":159},"https:\u002F\u002Fwww.datocms-assets.com\u002F144094\u002F1759170489-girafe-horizontal-carousel00004.png?fit=crop&w=3600",{"_modelApiKey":39,"spacing":40,"assetLeft":216,"captionLeft":10,"assetRight":219,"captionRight":10,"forceAssetsAlignment":46},{"isVideo":26,"videoHeight":217,"videoUrl":218,"videoWidth":217,"image":27},1500,"https:\u002F\u002Fres.cloudinary.com\u002Fdjd5bspxh\u002Fvideo\u002Fupload\u002Fv1759173769\u002FGirafe_-_Square_video_left_ixjfb4.mp4",{"isVideo":26,"videoHeight":217,"videoUrl":220,"videoWidth":217,"image":27},"https:\u002F\u002Fres.cloudinary.com\u002Fdjd5bspxh\u002Fvideo\u002Fupload\u002Fv1759173806\u002FGirafe_-_Square_video_right_lukr2r.mp4",{"industries":222,"recognitions":224,"credits":225,"year":10,"copy":10},[223],"nonprofit organization","\u003Cp>\u003Ca href=\"https:\u002F\u002Fthefwa.com\u002Fcases\u002Fgirafe\" title=\"Site of the Day on The FWA\" target=\"_blank\" rel=\"noopener\">Site of the Day on The FWA\u003C\u002Fa>\u003Cbr \u002F>\u003Ca href=\"https:\u002F\u002Fwww.cssdesignawards.com\u002Fsites\u002Fgirafe\u002F44907\u002F\" target=\"_blank\" rel=\"noopener\">Site of the Day on CSS Design Awards\u003C\u002Fa>\u003C\u002Fp>","\u003Cp>Petr mazoch - Logo design\u003C\u002Fp>\n\u003Cp>Martin Egrt - Motion\u2028design\u003C\u002Fp>\n\u003Cp>Beaucoup studio - Web development\u003C\u002Fp>",1789749272707]