{"id":"youtube:h8YrJLuSk-M","source":"youtube","sourceId":"h8YrJLuSk-M","account":"robotostudio","type":"video","title":"Graft Studio Case Study","body":"A quick look at the site we built for Graft Studio. Roboto Studio | The Sanity, Vercel & Next.js experts | Building the best editorial experience you've ever seen with top tier performance to boot 🔥\n\nBook a meeting ↓\nhttps://robotostudio.com/call?ref=you...\n\nSocials ↓\nhttps://robotostudio.com/\nhttps://x.com/studioroboto\n  / 11290247  ","bodyFormat":"text","sourceUrl":"https://www.youtube.com/watch?v=h8YrJLuSk-M","canonicalUrl":"https://bestsanityagency.com/videos/h8YrJLuSk-M/graft-studio-case-study","sourceUrls":[],"authorIds":[],"publishedAt":"2024-04-05T19:29:51.000Z","checkedAt":"2026-09-17T13:02:04.791Z","language":"en","visibility":"public","topics":["sanity","nextjs","editorial-experience"],"gaps":["Transcript speakers have not been individually verified."],"segments":[{"id":"segment-1","startMs":2669,"endMs":2679,"text":"hey how's it going thanks for jumping in"},{"id":"segment-2","startMs":2679,"endMs":5110,"text":"hey how's it going thanks for jumping in\nthis case study this is graph studio so"},{"id":"segment-3","startMs":5110,"endMs":5120,"text":"this case study this is graph studio so"},{"id":"segment-4","startMs":5120,"endMs":6590,"text":"this case study this is graph studio so\num what you see when you first load up"},{"id":"segment-5","startMs":6590,"endMs":6600,"text":"um what you see when you first load up"},{"id":"segment-6","startMs":6600,"endMs":8750,"text":"um what you see when you first load up\nthe website is this m video at the very"},{"id":"segment-7","startMs":8750,"endMs":8760,"text":"the website is this m video at the very"},{"id":"segment-8","startMs":8760,"endMs":10470,"text":"the website is this m video at the very\ntop of the screen um it's got this"},{"id":"segment-9","startMs":10470,"endMs":10480,"text":"top of the screen um it's got this"},{"id":"segment-10","startMs":10480,"endMs":12589,"text":"top of the screen um it's got this\nreally cool placeholder kind of blur up"},{"id":"segment-11","startMs":12589,"endMs":12599,"text":"really cool placeholder kind of blur up"},{"id":"segment-12","startMs":12599,"endMs":13990,"text":"really cool placeholder kind of blur up\neffect so if I refresh the page you'll"},{"id":"segment-13","startMs":13990,"endMs":14000,"text":"effect so if I refresh the page you'll"},{"id":"segment-14","startMs":14000,"endMs":15829,"text":"effect so if I refresh the page you'll\nsee that uh you get this blur up you get"},{"id":"segment-15","startMs":15829,"endMs":15839,"text":"see that uh you get this blur up you get"},{"id":"segment-16","startMs":15839,"endMs":18870,"text":"see that uh you get this blur up you get\nthese nice CSS animations uh very simple"},{"id":"segment-17","startMs":18870,"endMs":18880,"text":"these nice CSS animations uh very simple"},{"id":"segment-18","startMs":18880,"endMs":21150,"text":"these nice CSS animations uh very simple\nbut very very effective um you go down"},{"id":"segment-19","startMs":21150,"endMs":21160,"text":"but very very effective um you go down"},{"id":"segment-20","startMs":21160,"endMs":22910,"text":"but very very effective um you go down\nthe page a little bit this is actually"},{"id":"segment-21","startMs":22910,"endMs":22920,"text":"the page a little bit this is actually"},{"id":"segment-22","startMs":22920,"endMs":24349,"text":"the page a little bit this is actually\nwhere the rest of the pages in the rest"},{"id":"segment-23","startMs":24349,"endMs":24359,"text":"where the rest of the pages in the rest"},{"id":"segment-24","startMs":24359,"endMs":26790,"text":"where the rest of the pages in the rest\nof the page is a page builder so every"},{"id":"segment-25","startMs":26790,"endMs":26800,"text":"of the page is a page builder so every"},{"id":"segment-26","startMs":26800,"endMs":28230,"text":"of the page is a page builder so every\nsingle item that you see on screen"},{"id":"segment-27","startMs":28230,"endMs":28240,"text":"single item that you see on screen"},{"id":"segment-28","startMs":28240,"endMs":29429,"text":"single item that you see on screen\npretty much throughout the entire"},{"id":"segment-29","startMs":29429,"endMs":29439,"text":"pretty much throughout the entire"},{"id":"segment-30","startMs":29439,"endMs":33030,"text":"pretty much throughout the entire\nwebsite um is hot swappable tweakable um"},{"id":"segment-31","startMs":33030,"endMs":33040,"text":"website um is hot swappable tweakable um"},{"id":"segment-32","startMs":33040,"endMs":34830,"text":"website um is hot swappable tweakable um\nand has a live preview to show you in"},{"id":"segment-33","startMs":34830,"endMs":34840,"text":"and has a live preview to show you in"},{"id":"segment-34","startMs":34840,"endMs":36310,"text":"and has a live preview to show you in\nreal time what the changes you are"},{"id":"segment-35","startMs":36310,"endMs":36320,"text":"real time what the changes you are"},{"id":"segment-36","startMs":36320,"endMs":39229,"text":"real time what the changes you are\nmaking uh look like essentially um so"},{"id":"segment-37","startMs":39229,"endMs":39239,"text":"making uh look like essentially um so"},{"id":"segment-38","startMs":39239,"endMs":41029,"text":"making uh look like essentially um so\nyeah your little eyebrow text a bit of"},{"id":"segment-39","startMs":41029,"endMs":41039,"text":"yeah your little eyebrow text a bit of"},{"id":"segment-40","startMs":41039,"endMs":43150,"text":"yeah your little eyebrow text a bit of\ntitle um and again the case studies"},{"id":"segment-41","startMs":43150,"endMs":43160,"text":"title um and again the case studies"},{"id":"segment-42","startMs":43160,"endMs":45150,"text":"title um and again the case studies\nthese are all powered by a document type"},{"id":"segment-43","startMs":45150,"endMs":45160,"text":"these are all powered by a document type"},{"id":"segment-44","startMs":45160,"endMs":47750,"text":"these are all powered by a document type\na case study document type uh again muks"},{"id":"segment-45","startMs":47750,"endMs":47760,"text":"a case study document type uh again muks"},{"id":"segment-46","startMs":47760,"endMs":50270,"text":"a case study document type uh again muks\nvideo inside of here um the best"},{"id":"segment-47","startMs":50270,"endMs":50280,"text":"video inside of here um the best"},{"id":"segment-48","startMs":50280,"endMs":52430,"text":"video inside of here um the best\npossible video player when it comes to a"},{"id":"segment-49","startMs":52430,"endMs":52440,"text":"possible video player when it comes to a"},{"id":"segment-50","startMs":52440,"endMs":55229,"text":"possible video player when it comes to a\nwebsite in my opinion um and again all"},{"id":"segment-51","startMs":55229,"endMs":55239,"text":"website in my opinion um and again all"},{"id":"segment-52","startMs":55239,"endMs":56830,"text":"website in my opinion um and again all\nthese different bits and pieces some"},{"id":"segment-53","startMs":56830,"endMs":56840,"text":"these different bits and pieces some"},{"id":"segment-54","startMs":56840,"endMs":58509,"text":"these different bits and pieces some\nreally impressive featured clients so if"},{"id":"segment-55","startMs":58509,"endMs":58519,"text":"really impressive featured clients so if"},{"id":"segment-56","startMs":58519,"endMs":60709,"text":"really impressive featured clients so if\nyou're looking into um building a"},{"id":"segment-57","startMs":60709,"endMs":60719,"text":"you're looking into um building a"},{"id":"segment-58","startMs":60719,"endMs":62709,"text":"you're looking into um building a\nShopify website these guys are"},{"id":"segment-59","startMs":62709,"endMs":62719,"text":"Shopify website these guys are"},{"id":"segment-60","startMs":62719,"endMs":65390,"text":"Shopify website these guys are\nincredible um but let's go through to"},{"id":"segment-61","startMs":65390,"endMs":65400,"text":"incredible um but let's go through to"},{"id":"segment-62","startMs":65400,"endMs":66030,"text":"incredible um but let's go through to\nthe"},{"id":"segment-63","startMs":66030,"endMs":66040,"text":"the"},{"id":"segment-64","startMs":66040,"endMs":70030,"text":"the\nservices so Services um essentially this"},{"id":"segment-65","startMs":70030,"endMs":70040,"text":"services so Services um essentially this"},{"id":"segment-66","startMs":70040,"endMs":72550,"text":"services so Services um essentially this\npage again is a page builder uh we have"},{"id":"segment-67","startMs":72550,"endMs":72560,"text":"page again is a page builder uh we have"},{"id":"segment-68","startMs":72560,"endMs":74030,"text":"page again is a page builder uh we have\nthese icons that are in here so they"},{"id":"segment-69","startMs":74030,"endMs":74040,"text":"these icons that are in here so they"},{"id":"segment-70","startMs":74040,"endMs":75789,"text":"these icons that are in here so they\ncould either be an uploaded image or an"},{"id":"segment-71","startMs":75789,"endMs":75799,"text":"could either be an uploaded image or an"},{"id":"segment-72","startMs":75799,"endMs":78590,"text":"could either be an uploaded image or an\nicon picker uh again you can tweak any"},{"id":"segment-73","startMs":78590,"endMs":78600,"text":"icon picker uh again you can tweak any"},{"id":"segment-74","startMs":78600,"endMs":80870,"text":"icon picker uh again you can tweak any\nof the text inside of here um these"},{"id":"segment-75","startMs":80870,"endMs":80880,"text":"of the text inside of here um these"},{"id":"segment-76","startMs":80880,"endMs":83630,"text":"of the text inside of here um these\nimages are using the sanity hotspot so"},{"id":"segment-77","startMs":83630,"endMs":83640,"text":"images are using the sanity hotspot so"},{"id":"segment-78","startMs":83640,"endMs":85390,"text":"images are using the sanity hotspot so\num when you actually upload the image"},{"id":"segment-79","startMs":85390,"endMs":85400,"text":"um when you actually upload the image"},{"id":"segment-80","startMs":85400,"endMs":86710,"text":"um when you actually upload the image\nyou can put a little circle around the"},{"id":"segment-81","startMs":86710,"endMs":86720,"text":"you can put a little circle around the"},{"id":"segment-82","startMs":86720,"endMs":88550,"text":"you can put a little circle around the\nbits that you want to stay in Focus so"},{"id":"segment-83","startMs":88550,"endMs":88560,"text":"bits that you want to stay in Focus so"},{"id":"segment-84","startMs":88560,"endMs":90630,"text":"bits that you want to stay in Focus so\nin this case um it's it's the knife with"},{"id":"segment-85","startMs":90630,"endMs":90640,"text":"in this case um it's it's the knife with"},{"id":"segment-86","startMs":90640,"endMs":92990,"text":"in this case um it's it's the knife with\nthe Tomato um depending on the screen"},{"id":"segment-87","startMs":92990,"endMs":93000,"text":"the Tomato um depending on the screen"},{"id":"segment-88","startMs":93000,"endMs":95950,"text":"the Tomato um depending on the screen\nsize this should always stay in Focus uh"},{"id":"segment-89","startMs":95950,"endMs":95960,"text":"size this should always stay in Focus uh"},{"id":"segment-90","startMs":95960,"endMs":97950,"text":"size this should always stay in Focus uh\nwhich is really cool um you can tweak"},{"id":"segment-91","startMs":97950,"endMs":97960,"text":"which is really cool um you can tweak"},{"id":"segment-92","startMs":97960,"endMs":99550,"text":"which is really cool um you can tweak\nthis and play around with this on"},{"id":"segment-93","startMs":99550,"endMs":99560,"text":"this and play around with this on"},{"id":"segment-94","startMs":99560,"endMs":101149,"text":"this and play around with this on\ndifferent sections of the website so"},{"id":"segment-95","startMs":101149,"endMs":101159,"text":"different sections of the website so"},{"id":"segment-96","startMs":101159,"endMs":102510,"text":"different sections of the website so\nwhenever you get like a traditional blog"},{"id":"segment-97","startMs":102510,"endMs":102520,"text":"whenever you get like a traditional blog"},{"id":"segment-98","startMs":102520,"endMs":104069,"text":"whenever you get like a traditional blog\npost where there's a gigantic image at"},{"id":"segment-99","startMs":104069,"endMs":104079,"text":"post where there's a gigantic image at"},{"id":"segment-100","startMs":104079,"endMs":106149,"text":"post where there's a gigantic image at\nthe top um it looks really really good"},{"id":"segment-101","startMs":106149,"endMs":106159,"text":"the top um it looks really really good"},{"id":"segment-102","startMs":106159,"endMs":107709,"text":"the top um it looks really really good\non a desktop but then you shrink it down"},{"id":"segment-103","startMs":107709,"endMs":107719,"text":"on a desktop but then you shrink it down"},{"id":"segment-104","startMs":107719,"endMs":109789,"text":"on a desktop but then you shrink it down\nto mobile and you might have issues um"},{"id":"segment-105","startMs":109789,"endMs":109799,"text":"to mobile and you might have issues um"},{"id":"segment-106","startMs":109799,"endMs":111190,"text":"to mobile and you might have issues um\nyou can completely solve this with"},{"id":"segment-107","startMs":111190,"endMs":111200,"text":"you can completely solve this with"},{"id":"segment-108","startMs":111200,"endMs":113749,"text":"you can completely solve this with\nsanity image hotspots uh We've basically"},{"id":"segment-109","startMs":113749,"endMs":113759,"text":"sanity image hotspots uh We've basically"},{"id":"segment-110","startMs":113759,"endMs":116590,"text":"sanity image hotspots uh We've basically\ndone that here um our services again"},{"id":"segment-111","startMs":116590,"endMs":116600,"text":"done that here um our services again"},{"id":"segment-112","startMs":116600,"endMs":118749,"text":"done that here um our services again\nthis is using the icons uh you can"},{"id":"segment-113","startMs":118749,"endMs":118759,"text":"this is using the icons uh you can"},{"id":"segment-114","startMs":118759,"endMs":120830,"text":"this is using the icons uh you can\neither do a custom image or it can be an"},{"id":"segment-115","startMs":120830,"endMs":120840,"text":"either do a custom image or it can be an"},{"id":"segment-116","startMs":120840,"endMs":124069,"text":"either do a custom image or it can be an\nicon itself uh we'll go over to the work"},{"id":"segment-117","startMs":124069,"endMs":124079,"text":"icon itself uh we'll go over to the work"},{"id":"segment-118","startMs":124079,"endMs":126230,"text":"icon itself uh we'll go over to the work\npage so again these are all case studies"},{"id":"segment-119","startMs":126230,"endMs":126240,"text":"page so again these are all case studies"},{"id":"segment-120","startMs":126240,"endMs":127789,"text":"page so again these are all case studies\nthat are on the website this is a"},{"id":"segment-121","startMs":127789,"endMs":127799,"text":"that are on the website this is a"},{"id":"segment-122","startMs":127799,"endMs":129550,"text":"that are on the website this is a\nspecific document inside of these"},{"id":"segment-123","startMs":129550,"endMs":129560,"text":"specific document inside of these"},{"id":"segment-124","startMs":129560,"endMs":132470,"text":"specific document inside of these\ndocuments um they uh they basically they"},{"id":"segment-125","startMs":132470,"endMs":132480,"text":"documents um they uh they basically they"},{"id":"segment-126","startMs":132480,"endMs":133750,"text":"documents um they uh they basically they\nclick through at the minute but there is"},{"id":"segment-127","startMs":133750,"endMs":133760,"text":"click through at the minute but there is"},{"id":"segment-128","startMs":133760,"endMs":136270,"text":"click through at the minute but there is\na lot more cool stuff that's coming um"},{"id":"segment-129","startMs":136270,"endMs":136280,"text":"a lot more cool stuff that's coming um"},{"id":"segment-130","startMs":136280,"endMs":137670,"text":"a lot more cool stuff that's coming um\nbut essentially they have a nice little"},{"id":"segment-131","startMs":137670,"endMs":137680,"text":"but essentially they have a nice little"},{"id":"segment-132","startMs":137680,"endMs":140790,"text":"but essentially they have a nice little\nchem Burns effect when you hover over um"},{"id":"segment-133","startMs":140790,"endMs":140800,"text":"chem Burns effect when you hover over um"},{"id":"segment-134","startMs":140800,"endMs":143229,"text":"chem Burns effect when you hover over um\nOutpost is the blog so the blog has some"},{"id":"segment-135","startMs":143229,"endMs":143239,"text":"Outpost is the blog so the blog has some"},{"id":"segment-136","startMs":143239,"endMs":146790,"text":"Outpost is the blog so the blog has some\nnice uh filters as well so these filters"},{"id":"segment-137","startMs":146790,"endMs":146800,"text":"nice uh filters as well so these filters"},{"id":"segment-138","startMs":146800,"endMs":149270,"text":"nice uh filters as well so these filters\nuh are a document type so you could have"},{"id":"segment-139","startMs":149270,"endMs":149280,"text":"uh are a document type so you could have"},{"id":"segment-140","startMs":149280,"endMs":150990,"text":"uh are a document type so you could have\nuh strategy industry but it could keep"},{"id":"segment-141","startMs":150990,"endMs":151000,"text":"uh strategy industry but it could keep"},{"id":"segment-142","startMs":151000,"endMs":152309,"text":"uh strategy industry but it could keep\ngoing you could add as many filters as"},{"id":"segment-143","startMs":152309,"endMs":152319,"text":"going you could add as many filters as"},{"id":"segment-144","startMs":152319,"endMs":154030,"text":"going you could add as many filters as\nyou want you won't need a developer"},{"id":"segment-145","startMs":154030,"endMs":154040,"text":"you want you won't need a developer"},{"id":"segment-146","startMs":154040,"endMs":155470,"text":"you want you won't need a developer\nthey'll just keep spanning across that"},{"id":"segment-147","startMs":155470,"endMs":155480,"text":"they'll just keep spanning across that"},{"id":"segment-148","startMs":155480,"endMs":157869,"text":"they'll just keep spanning across that\nsection um and they'll just keep adding"},{"id":"segment-149","startMs":157869,"endMs":157879,"text":"section um and they'll just keep adding"},{"id":"segment-150","startMs":157879,"endMs":159390,"text":"section um and they'll just keep adding\nuh which is pretty cool each one of"},{"id":"segment-151","startMs":159390,"endMs":159400,"text":"uh which is pretty cool each one of"},{"id":"segment-152","startMs":159400,"endMs":161149,"text":"uh which is pretty cool each one of\nthese has a portable text the portable"},{"id":"segment-153","startMs":161149,"endMs":161159,"text":"these has a portable text the portable"},{"id":"segment-154","startMs":161159,"endMs":163030,"text":"these has a portable text the portable\ntext has a whole host of different"},{"id":"segment-155","startMs":163030,"endMs":163040,"text":"text has a whole host of different"},{"id":"segment-156","startMs":163040,"endMs":164630,"text":"text has a whole host of different\nthings you've got images you've got"},{"id":"segment-157","startMs":164630,"endMs":164640,"text":"things you've got images you've got"},{"id":"segment-158","startMs":164640,"endMs":167830,"text":"things you've got images you've got\nbolds italics uh headings heading one to"},{"id":"segment-159","startMs":167830,"endMs":167840,"text":"bolds italics uh headings heading one to"},{"id":"segment-160","startMs":167840,"endMs":170390,"text":"bolds italics uh headings heading one to\nheading one to sixes um and all this"},{"id":"segment-161","startMs":170390,"endMs":170400,"text":"heading one to sixes um and all this"},{"id":"segment-162","startMs":170400,"endMs":172750,"text":"heading one to sixes um and all this\nkind of fancy stuff it's using Tailwinds"},{"id":"segment-163","startMs":172750,"endMs":172760,"text":"kind of fancy stuff it's using Tailwinds"},{"id":"segment-164","startMs":172760,"endMs":174630,"text":"kind of fancy stuff it's using Tailwinds\ntypography package so it should look"},{"id":"segment-165","startMs":174630,"endMs":174640,"text":"typography package so it should look"},{"id":"segment-166","startMs":174640,"endMs":176309,"text":"typography package so it should look\nvisually pleasing with the right gaps"},{"id":"segment-167","startMs":176309,"endMs":176319,"text":"visually pleasing with the right gaps"},{"id":"segment-168","startMs":176319,"endMs":177750,"text":"visually pleasing with the right gaps\nand everything on all the different"},{"id":"segment-169","startMs":177750,"endMs":177760,"text":"and everything on all the different"},{"id":"segment-170","startMs":177760,"endMs":180550,"text":"and everything on all the different\nscreen sizes um and then finally we have"},{"id":"segment-171","startMs":180550,"endMs":180560,"text":"screen sizes um and then finally we have"},{"id":"segment-172","startMs":180560,"endMs":182630,"text":"screen sizes um and then finally we have\nthe contact form and let me give you the"},{"id":"segment-173","startMs":182630,"endMs":182640,"text":"the contact form and let me give you the"},{"id":"segment-174","startMs":182640,"endMs":184670,"text":"the contact form and let me give you the\nbest tip of the day form spark for"},{"id":"segment-175","startMs":184670,"endMs":184680,"text":"best tip of the day form spark for"},{"id":"segment-176","startMs":184680,"endMs":186430,"text":"best tip of the day form spark for\ncontact forms if you're looking for a"},{"id":"segment-177","startMs":186430,"endMs":186440,"text":"contact forms if you're looking for a"},{"id":"segment-178","startMs":186440,"endMs":188350,"text":"contact forms if you're looking for a\nquick easy solution for it it's"},{"id":"segment-179","startMs":188350,"endMs":188360,"text":"quick easy solution for it it's"},{"id":"segment-180","startMs":188360,"endMs":190309,"text":"quick easy solution for it it's\nincredible it's something like 50,000"},{"id":"segment-181","startMs":190309,"endMs":190319,"text":"incredible it's something like 50,000"},{"id":"segment-182","startMs":190319,"endMs":193110,"text":"incredible it's something like 50,000\nform submissions for I think it's $25"},{"id":"segment-183","startMs":193110,"endMs":193120,"text":"form submissions for I think it's $25"},{"id":"segment-184","startMs":193120,"endMs":195350,"text":"form submissions for I think it's $25\nfrom memory uh it's really ridiculously"},{"id":"segment-185","startMs":195350,"endMs":195360,"text":"from memory uh it's really ridiculously"},{"id":"segment-186","startMs":195360,"endMs":197070,"text":"from memory uh it's really ridiculously\ntreat cheap and it's really really"},{"id":"segment-187","startMs":197070,"endMs":197080,"text":"treat cheap and it's really really"},{"id":"segment-188","startMs":197080,"endMs":199789,"text":"treat cheap and it's really really\npowerful um so yeah this is the the full"},{"id":"segment-189","startMs":199789,"endMs":199799,"text":"powerful um so yeah this is the the full"},{"id":"segment-190","startMs":199799,"endMs":201949,"text":"powerful um so yeah this is the the full\ncase study if you like it get in touch"},{"id":"segment-191","startMs":201949,"endMs":201959,"text":"case study if you like it get in touch"},{"id":"segment-192","startMs":201959,"endMs":203350,"text":"case study if you like it get in touch\nwith us we're building these all the"},{"id":"segment-193","startMs":203350,"endMs":203360,"text":"with us we're building these all the"},{"id":"segment-194","startMs":203360,"endMs":205710,"text":"with us we're building these all the\ntime we absolutely love this stack so"},{"id":"segment-195","startMs":205710,"endMs":205720,"text":"time we absolutely love this stack so"},{"id":"segment-196","startMs":205720,"endMs":208429,"text":"time we absolutely love this stack so\nyeah have a great day and take care"},{"id":"segment-197","startMs":208429,"endMs":208439,"text":"yeah have a great day and take care"},{"id":"segment-198","startMs":208439,"endMs":211439,"text":"yeah have a great day and take care\nbye"}],"transcript":"hey how's it going thanks for jumping in\nhey how's it going thanks for jumping in\nthis case study this is graph studio so\nthis case study this is graph studio so\nthis case study this is graph studio so\num what you see when you first load up\num what you see when you first load up\num what you see when you first load up\nthe website is this m video at the very\nthe website is this m video at the very\nthe website is this m video at the very\ntop of the screen um it's got this\ntop of the screen um it's got this\ntop of the screen um it's got this\nreally cool placeholder kind of blur up\nreally cool placeholder kind of blur up\nreally cool placeholder kind of blur up\neffect so if I refresh the page you'll\neffect so if I refresh the page you'll\neffect so if I refresh the page you'll\nsee that uh you get this blur up you get\nsee that uh you get this blur up you get\nsee that uh you get this blur up you get\nthese nice CSS animations uh very simple\nthese nice CSS animations uh very simple\nthese nice CSS animations uh very simple\nbut very very effective um you go down\nbut very very effective um you go down\nbut very very effective um you go down\nthe page a little bit this is actually\nthe page a little bit this is actually\nthe page a little bit this is actually\nwhere the rest of the pages in the rest\nwhere the rest of the pages in the rest\nwhere the rest of the pages in the rest\nof the page is a page builder so every\nof the page is a page builder so every\nof the page is a page builder so every\nsingle item that you see on screen\nsingle item that you see on screen\nsingle item that you see on screen\npretty much throughout the entire\npretty much throughout the entire\npretty much throughout the entire\nwebsite um is hot swappable tweakable um\nwebsite um is hot swappable tweakable um\nwebsite um is hot swappable tweakable um\nand has a live preview to show you in\nand has a live preview to show you in\nand has a live preview to show you in\nreal time what the changes you are\nreal time what the changes you are\nreal time what the changes you are\nmaking uh look like essentially um so\nmaking uh look like essentially um so\nmaking uh look like essentially um so\nyeah your little eyebrow text a bit of\nyeah your little eyebrow text a bit of\nyeah your little eyebrow text a bit of\ntitle um and again the case studies\ntitle um and again the case studies\ntitle um and again the case studies\nthese are all powered by a document type\nthese are all powered by a document type\nthese are all powered by a document type\na case study document type uh again muks\na case study document type uh again muks\na case study document type uh again muks\nvideo inside of here um the best\nvideo inside of here um the best\nvideo inside of here um the best\npossible video player when it comes to a\npossible video player when it comes to a\npossible video player when it comes to a\nwebsite in my opinion um and again all\nwebsite in my opinion um and again all\nwebsite in my opinion um and again all\nthese different bits and pieces some\nthese different bits and pieces some\nthese different bits and pieces some\nreally impressive featured clients so if\nreally impressive featured clients so if\nreally impressive featured clients so if\nyou're looking into um building a\nyou're looking into um building a\nyou're looking into um building a\nShopify website these guys are\nShopify website these guys are\nShopify website these guys are\nincredible um but let's go through to\nincredible um but let's go through to\nincredible um but let's go through to\nthe\nthe\nthe\nservices so Services um essentially this\nservices so Services um essentially this\nservices so Services um essentially this\npage again is a page builder uh we have\npage again is a page builder uh we have\npage again is a page builder uh we have\nthese icons that are in here so they\nthese icons that are in here so they\nthese icons that are in here so they\ncould either be an uploaded image or an\ncould either be an uploaded image or an\ncould either be an uploaded image or an\nicon picker uh again you can tweak any\nicon picker uh again you can tweak any\nicon picker uh again you can tweak any\nof the text inside of here um these\nof the text inside of here um these\nof the text inside of here um these\nimages are using the sanity hotspot so\nimages are using the sanity hotspot so\nimages are using the sanity hotspot so\num when you actually upload the image\num when you actually upload the image\num when you actually upload the image\nyou can put a little circle around the\nyou can put a little circle around the\nyou can put a little circle around the\nbits that you want to stay in Focus so\nbits that you want to stay in Focus so\nbits that you want to stay in Focus so\nin this case um it's it's the knife with\nin this case um it's it's the knife with\nin this case um it's it's the knife with\nthe Tomato um depending on the screen\nthe Tomato um depending on the screen\nthe Tomato um depending on the screen\nsize this should always stay in Focus uh\nsize this should always stay in Focus uh\nsize this should always stay in Focus uh\nwhich is really cool um you can tweak\nwhich is really cool um you can tweak\nwhich is really cool um you can tweak\nthis and play around with this on\nthis and play around with this on\nthis and play around with this on\ndifferent sections of the website so\ndifferent sections of the website so\ndifferent sections of the website so\nwhenever you get like a traditional blog\nwhenever you get like a traditional blog\nwhenever you get like a traditional blog\npost where there's a gigantic image at\npost where there's a gigantic image at\npost where there's a gigantic image at\nthe top um it looks really really good\nthe top um it looks really really good\nthe top um it looks really really good\non a desktop but then you shrink it down\non a desktop but then you shrink it down\non a desktop but then you shrink it down\nto mobile and you might have issues um\nto mobile and you might have issues um\nto mobile and you might have issues um\nyou can completely solve this with\nyou can completely solve this with\nyou can completely solve this with\nsanity image hotspots uh We've basically\nsanity image hotspots uh We've basically\nsanity image hotspots uh We've basically\ndone that here um our services again\ndone that here um our services again\ndone that here um our services again\nthis is using the icons uh you can\nthis is using the icons uh you can\nthis is using the icons uh you can\neither do a custom image or it can be an\neither do a custom image or it can be an\neither do a custom image or it can be an\nicon itself uh we'll go over to the work\nicon itself uh we'll go over to the work\nicon itself uh we'll go over to the work\npage so again these are all case studies\npage so again these are all case studies\npage so again these are all case studies\nthat are on the website this is a\nthat are on the website this is a\nthat are on the website this is a\nspecific document inside of these\nspecific document inside of these\nspecific document inside of these\ndocuments um they uh they basically they\ndocuments um they uh they basically they\ndocuments um they uh they basically they\nclick through at the minute but there is\nclick through at the minute but there is\nclick through at the minute but there is\na lot more cool stuff that's coming um\na lot more cool stuff that's coming um\na lot more cool stuff that's coming um\nbut essentially they have a nice little\nbut essentially they have a nice little\nbut essentially they have a nice little\nchem Burns effect when you hover over um\nchem Burns effect when you hover over um\nchem Burns effect when you hover over um\nOutpost is the blog so the blog has some\nOutpost is the blog so the blog has some\nOutpost is the blog so the blog has some\nnice uh filters as well so these filters\nnice uh filters as well so these filters\nnice uh filters as well so these filters\nuh are a document type so you could have\nuh are a document type so you could have\nuh are a document type so you could have\nuh strategy industry but it could keep\nuh strategy industry but it could keep\nuh strategy industry but it could keep\ngoing you could add as many filters as\ngoing you could add as many filters as\ngoing you could add as many filters as\nyou want you won't need a developer\nyou want you won't need a developer\nyou want you won't need a developer\nthey'll just keep spanning across that\nthey'll just keep spanning across that\nthey'll just keep spanning across that\nsection um and they'll just keep adding\nsection um and they'll just keep adding\nsection um and they'll just keep adding\nuh which is pretty cool each one of\nuh which is pretty cool each one of\nuh which is pretty cool each one of\nthese has a portable text the portable\nthese has a portable text the portable\nthese has a portable text the portable\ntext has a whole host of different\ntext has a whole host of different\ntext has a whole host of different\nthings you've got images you've got\nthings you've got images you've got\nthings you've got images you've got\nbolds italics uh headings heading one to\nbolds italics uh headings heading one to\nbolds italics uh headings heading one to\nheading one to sixes um and all this\nheading one to sixes um and all this\nheading one to sixes um and all this\nkind of fancy stuff it's using Tailwinds\nkind of fancy stuff it's using Tailwinds\nkind of fancy stuff it's using Tailwinds\ntypography package so it should look\ntypography package so it should look\ntypography package so it should look\nvisually pleasing with the right gaps\nvisually pleasing with the right gaps\nvisually pleasing with the right gaps\nand everything on all the different\nand everything on all the different\nand everything on all the different\nscreen sizes um and then finally we have\nscreen sizes um and then finally we have\nscreen sizes um and then finally we have\nthe contact form and let me give you the\nthe contact form and let me give you the\nthe contact form and let me give you the\nbest tip of the day form spark for\nbest tip of the day form spark for\nbest tip of the day form spark for\ncontact forms if you're looking for a\ncontact forms if you're looking for a\ncontact forms if you're looking for a\nquick easy solution for it it's\nquick easy solution for it it's\nquick easy solution for it it's\nincredible it's something like 50,000\nincredible it's something like 50,000\nincredible it's something like 50,000\nform submissions for I think it's $25\nform submissions for I think it's $25\nform submissions for I think it's $25\nfrom memory uh it's really ridiculously\nfrom memory uh it's really ridiculously\nfrom memory uh it's really ridiculously\ntreat cheap and it's really really\ntreat cheap and it's really really\ntreat cheap and it's really really\npowerful um so yeah this is the the full\npowerful um so yeah this is the the full\npowerful um so yeah this is the the full\ncase study if you like it get in touch\ncase study if you like it get in touch\ncase study if you like it get in touch\nwith us we're building these all the\nwith us we're building these all the\nwith us we're building these all the\ntime we absolutely love this stack so\ntime we absolutely love this stack so\ntime we absolutely love this stack so\nyeah have a great day and take care\nyeah have a great day and take care\nyeah have a great day and take care\nbye","transcriptOrigin":"YouTube captions (auto_generated; en)","thumbnailUrl":"https://i.ytimg.com/vi/h8YrJLuSk-M/maxresdefault.jpg?sqp=-oaymwEmCIAKENAF8quKqQMa8AEB-AGkCIAC0AWKAgwIABABGH8gSCgmMA8=&rs=AOn4CLA8nz6nl98q4SBTeA-hbiqCA8LIug","durationSeconds":210,"videoId":"h8YrJLuSk-M","publisherName":"Roboto Studio","faqs":[],"path":"/videos/h8YrJLuSk-M/graft-studio-case-study","indexable":true,"contentHash":"a946525f38ca699f1032abe05b1e752d4692650fd0911c2921243d395ab8b38b","representations":{"html":"https://bestsanityagency.com/videos/h8YrJLuSk-M/graft-studio-case-study","markdown":"https://bestsanityagency.com/videos/h8YrJLuSk-M/graft-studio-case-study.md","json":"https://bestsanityagency.com/videos/h8YrJLuSk-M/graft-studio-case-study.json"},"generation":"bcb598ae5ec44a3005ea0356","jsonLd":{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://robotostudio.com/#organization","name":"Roboto Studio","url":"https://robotostudio.com/","sameAs":["https://clutch.co/profile/roboto-studio","https://www.youtube.com/@robotostudio","https://x.com/studioroboto"]},{"@type":"Person","@id":"https://robotostudio.com/blog/author/jono#person","name":"Jono Alford","url":"https://robotostudio.com/blog/author/jono","sameAs":["https://dev.to/jonoroboto","https://x.com/jonoalford","https://www.reddit.com/user/jonoalford/"],"worksFor":{"@id":"https://robotostudio.com/#organization"}},{"@type":"Person","@id":"https://robotostudio.com/blog/author/sne#person","name":"Sne Tripathi","url":"https://robotostudio.com/blog/author/sne","sameAs":["https://x.com/sne_hil"],"worksFor":{"@id":"https://robotostudio.com/#organization"}},{"@type":"WebSite","@id":"https://bestsanityagency.com/#website","url":"https://bestsanityagency.com","name":"Roboto Studio evidence","publisher":{"@id":"https://robotostudio.com/#organization"}},{"@type":"WebPage","@id":"https://bestsanityagency.com/videos/h8YrJLuSk-M/graft-studio-case-study#page","url":"https://bestsanityagency.com/videos/h8YrJLuSk-M/graft-studio-case-study","name":"Graft Studio Case Study","publisher":{"@id":"https://robotostudio.com/#organization"},"mainEntity":{"@id":"https://www.youtube.com/watch?v=h8YrJLuSk-M"},"isPartOf":{"@id":"https://bestsanityagency.com/#website"}},{"@id":"https://www.youtube.com/watch?v=h8YrJLuSk-M","name":"Graft Studio Case Study","url":"https://www.youtube.com/watch?v=h8YrJLuSk-M","datePublished":"2024-04-05T19:29:51.000Z","inLanguage":"en","author":[],"@type":"VideoObject","description":"A quick look at the site we built for Graft Studio. Roboto Studio | The Sanity, Vercel & Next.js experts | Building the best editorial experience you've ever seen with top tier performance to boot 🔥\n\nBook a meeting ↓\nhttps://robotostudio.com/call?ref=you...\n\nSocials ↓\nhttps://robotostudio.com/\nhttps://x.com/studioroboto\n  / 11290247  ","transcript":"hey how's it going thanks for jumping in\nhey how's it going thanks for jumping in\nthis case study this is graph studio so\nthis case study this is graph studio so\nthis case study this is graph studio so\num what you see when you first load up\num what you see when you first load up\num what you see when you first load up\nthe website is this m video at the very\nthe website is this m video at the very\nthe website is this m video at the very\ntop of the screen um it's got this\ntop of the screen um it's got this\ntop of the screen um it's got this\nreally cool placeholder kind of blur up\nreally cool placeholder kind of blur up\nreally cool placeholder kind of blur up\neffect so if I refresh the page you'll\neffect so if I refresh the page you'll\neffect so if I refresh the page you'll\nsee that uh you get this blur up you get\nsee that uh you get this blur up you get\nsee that uh you get this blur up you get\nthese nice CSS animations uh very simple\nthese nice CSS animations uh very simple\nthese nice CSS animations uh very simple\nbut very very effective um you go down\nbut very very effective um you go down\nbut very very effective um you go down\nthe page a little bit this is actually\nthe page a little bit this is actually\nthe page a little bit this is actually\nwhere the rest of the pages in the rest\nwhere the rest of the pages in the rest\nwhere the rest of the pages in the rest\nof the page is a page builder so every\nof the page is a page builder so every\nof the page is a page builder so every\nsingle item that you see on screen\nsingle item that you see on screen\nsingle item that you see on screen\npretty much throughout the entire\npretty much throughout the entire\npretty much throughout the entire\nwebsite um is hot swappable tweakable um\nwebsite um is hot swappable tweakable um\nwebsite um is hot swappable tweakable um\nand has a live preview to show you in\nand has a live preview to show you in\nand has a live preview to show you in\nreal time what the changes you are\nreal time what the changes you are\nreal time what the changes you are\nmaking uh look like essentially um so\nmaking uh look like essentially um so\nmaking uh look like essentially um so\nyeah your little eyebrow text a bit of\nyeah your little eyebrow text a bit of\nyeah your little eyebrow text a bit of\ntitle um and again the case studies\ntitle um and again the case studies\ntitle um and again the case studies\nthese are all powered by a document type\nthese are all powered by a document type\nthese are all powered by a document type\na case study document type uh again muks\na case study document type uh again muks\na case study document type uh again muks\nvideo inside of here um the best\nvideo inside of here um the best\nvideo inside of here um the best\npossible video player when it comes to a\npossible video player when it comes to a\npossible video player when it comes to a\nwebsite in my opinion um and again all\nwebsite in my opinion um and again all\nwebsite in my opinion um and again all\nthese different bits and pieces some\nthese different bits and pieces some\nthese different bits and pieces some\nreally impressive featured clients so if\nreally impressive featured clients so if\nreally impressive featured clients so if\nyou're looking into um building a\nyou're looking into um building a\nyou're looking into um building a\nShopify website these guys are\nShopify website these guys are\nShopify website these guys are\nincredible um but let's go through to\nincredible um but let's go through to\nincredible um but let's go through to\nthe\nthe\nthe\nservices so Services um essentially this\nservices so Services um essentially this\nservices so Services um essentially this\npage again is a page builder uh we have\npage again is a page builder uh we have\npage again is a page builder uh we have\nthese icons that are in here so they\nthese icons that are in here so they\nthese icons that are in here so they\ncould either be an uploaded image or an\ncould either be an uploaded image or an\ncould either be an uploaded image or an\nicon picker uh again you can tweak any\nicon picker uh again you can tweak any\nicon picker uh again you can tweak any\nof the text inside of here um these\nof the text inside of here um these\nof the text inside of here um these\nimages are using the sanity hotspot so\nimages are using the sanity hotspot so\nimages are using the sanity hotspot so\num when you actually upload the image\num when you actually upload the image\num when you actually upload the image\nyou can put a little circle around the\nyou can put a little circle around the\nyou can put a little circle around the\nbits that you want to stay in Focus so\nbits that you want to stay in Focus so\nbits that you want to stay in Focus so\nin this case um it's it's the knife with\nin this case um it's it's the knife with\nin this case um it's it's the knife with\nthe Tomato um depending on the screen\nthe Tomato um depending on the screen\nthe Tomato um depending on the screen\nsize this should always stay in Focus uh\nsize this should always stay in Focus uh\nsize this should always stay in Focus uh\nwhich is really cool um you can tweak\nwhich is really cool um you can tweak\nwhich is really cool um you can tweak\nthis and play around with this on\nthis and play around with this on\nthis and play around with this on\ndifferent sections of the website so\ndifferent sections of the website so\ndifferent sections of the website so\nwhenever you get like a traditional blog\nwhenever you get like a traditional blog\nwhenever you get like a traditional blog\npost where there's a gigantic image at\npost where there's a gigantic image at\npost where there's a gigantic image at\nthe top um it looks really really good\nthe top um it looks really really good\nthe top um it looks really really good\non a desktop but then you shrink it down\non a desktop but then you shrink it down\non a desktop but then you shrink it down\nto mobile and you might have issues um\nto mobile and you might have issues um\nto mobile and you might have issues um\nyou can completely solve this with\nyou can completely solve this with\nyou can completely solve this with\nsanity image hotspots uh We've basically\nsanity image hotspots uh We've basically\nsanity image hotspots uh We've basically\ndone that here um our services again\ndone that here um our services again\ndone that here um our services again\nthis is using the icons uh you can\nthis is using the icons uh you can\nthis is using the icons uh you can\neither do a custom image or it can be an\neither do a custom image or it can be an\neither do a custom image or it can be an\nicon itself uh we'll go over to the work\nicon itself uh we'll go over to the work\nicon itself uh we'll go over to the work\npage so again these are all case studies\npage so again these are all case studies\npage so again these are all case studies\nthat are on the website this is a\nthat are on the website this is a\nthat are on the website this is a\nspecific document inside of these\nspecific document inside of these\nspecific document inside of these\ndocuments um they uh they basically they\ndocuments um they uh they basically they\ndocuments um they uh they basically they\nclick through at the minute but there is\nclick through at the minute but there is\nclick through at the minute but there is\na lot more cool stuff that's coming um\na lot more cool stuff that's coming um\na lot more cool stuff that's coming um\nbut essentially they have a nice little\nbut essentially they have a nice little\nbut essentially they have a nice little\nchem Burns effect when you hover over um\nchem Burns effect when you hover over um\nchem Burns effect when you hover over um\nOutpost is the blog so the blog has some\nOutpost is the blog so the blog has some\nOutpost is the blog so the blog has some\nnice uh filters as well so these filters\nnice uh filters as well so these filters\nnice uh filters as well so these filters\nuh are a document type so you could have\nuh are a document type so you could have\nuh are a document type so you could have\nuh strategy industry but it could keep\nuh strategy industry but it could keep\nuh strategy industry but it could keep\ngoing you could add as many filters as\ngoing you could add as many filters as\ngoing you could add as many filters as\nyou want you won't need a developer\nyou want you won't need a developer\nyou want you won't need a developer\nthey'll just keep spanning across that\nthey'll just keep spanning across that\nthey'll just keep spanning across that\nsection um and they'll just keep adding\nsection um and they'll just keep adding\nsection um and they'll just keep adding\nuh which is pretty cool each one of\nuh which is pretty cool each one of\nuh which is pretty cool each one of\nthese has a portable text the portable\nthese has a portable text the portable\nthese has a portable text the portable\ntext has a whole host of different\ntext has a whole host of different\ntext has a whole host of different\nthings you've got images you've got\nthings you've got images you've got\nthings you've got images you've got\nbolds italics uh headings heading one to\nbolds italics uh headings heading one to\nbolds italics uh headings heading one to\nheading one to sixes um and all this\nheading one to sixes um and all this\nheading one to sixes um and all this\nkind of fancy stuff it's using Tailwinds\nkind of fancy stuff it's using Tailwinds\nkind of fancy stuff it's using Tailwinds\ntypography package so it should look\ntypography package so it should look\ntypography package so it should look\nvisually pleasing with the right gaps\nvisually pleasing with the right gaps\nvisually pleasing with the right gaps\nand everything on all the different\nand everything on all the different\nand everything on all the different\nscreen sizes um and then finally we have\nscreen sizes um and then finally we have\nscreen sizes um and then finally we have\nthe contact form and let me give you the\nthe contact form and let me give you the\nthe contact form and let me give you the\nbest tip of the day form spark for\nbest tip of the day form spark for\nbest tip of the day form spark for\ncontact forms if you're looking for a\ncontact forms if you're looking for a\ncontact forms if you're looking for a\nquick easy solution for it it's\nquick easy solution for it it's\nquick easy solution for it it's\nincredible it's something like 50,000\nincredible it's something like 50,000\nincredible it's something like 50,000\nform submissions for I think it's $25\nform submissions for I think it's $25\nform submissions for I think it's $25\nfrom memory uh it's really ridiculously\nfrom memory uh it's really ridiculously\nfrom memory uh it's really ridiculously\ntreat cheap and it's really really\ntreat cheap and it's really really\ntreat cheap and it's really really\npowerful um so yeah this is the the full\npowerful um so yeah this is the the full\npowerful um so yeah this is the the full\ncase study if you like it get in touch\ncase study if you like it get in touch\ncase study if you like it get in touch\nwith us we're building these all the\nwith us we're building these all the\nwith us we're building these all the\ntime we absolutely love this stack so\ntime we absolutely love this stack so\ntime we absolutely love this stack so\nyeah have a great day and take care\nyeah have a great day and take care\nyeah have a great day and take care\nbye","thumbnailUrl":"https://i.ytimg.com/vi/h8YrJLuSk-M/maxresdefault.jpg?sqp=-oaymwEmCIAKENAF8quKqQMa8AEB-AGkCIAC0AWKAgwIABABGH8gSCgmMA8=&rs=AOn4CLA8nz6nl98q4SBTeA-hbiqCA8LIug","embedUrl":"https://www.youtube.com/embed/h8YrJLuSk-M","uploadDate":"2024-04-05T19:29:51.000Z","duration":"PT210S","publisher":{"@type":"Organization","name":"Roboto Studio"},"caption":{"@type":"MediaObject","contentUrl":"https://bestsanityagency.com/videos/h8YrJLuSk-M/graft-studio-case-study.vtt","encodingFormat":"text/vtt"}}]}}