OFF+BRAND. Profile Banner
OFF+BRAND. Profile
OFF+BRAND.

@itsoffbrand

Followers
1,955
Following
67
Media
58
Statuses
267

Digital design studio born in Glasgow Branding / Web / WebGL / 3D

Glasgow, Scotland
Joined July 2020
Don't wanna be here? Send us removal request.
Explore trending content on Musk Viewer
Pinned Tweet
@itsoffbrand
OFF+BRAND.
10 months
A month ago, @Webflow tasked us to reinvent their homepage. Together, we fused design, development, motion & WebGL, all with a sharp focus on performance. Ready for its debut at @WebflowConf yesterday! Link below, dive in and enjoy! #webflow #webgl
38
49
840
@itsoffbrand
OFF+BRAND.
1 year
The procedural and interactive cube we made for the @metacraftersio website. ↳ #webgl #threejs
10
15
181
@itsoffbrand
OFF+BRAND.
1 year
1/x Our interactive stadium for @VirtexStadium . More detail 👇 #webgl #threejs
10
22
171
@itsoffbrand
OFF+BRAND.
9 months
Love to see our loader / page load feature as Element of the Day on @awwwards ! 🫶
4
13
170
@itsoffbrand
OFF+BRAND.
1 year
We use Lenis a lot (thank you, @studiofreight ) So we decided to make a convenient wrapper for it to use in #webflow . We've contained all the controls in the script tag and written a fairly comprehensive set up guide. All clonable, right now! ↳
Tweet media one
3
21
134
@itsoffbrand
OFF+BRAND.
1 year
A look behind our shader for the core of the Totem. ↳ #webgl #threejs
0
7
115
@itsoffbrand
OFF+BRAND.
10 months
We recently snuck in an update to our studio site. This might be the last you see of the orb, so go have a play 👀 Built on @webflow with a sprinkle of webgl. #webflow #webgl   #gsap
4
5
102
@itsoffbrand
OFF+BRAND.
1 year
Exploring particle systems with @fdrc_o 👀✨ 🏗 Will share process insights when it's live. #webgl #threejs #particles
3
10
92
@itsoffbrand
OFF+BRAND.
1 year
Our latest creation, an interactive blank canvas recreation of David Lee’s studio. We’ve packed it with little treats, let’s see what you can find 🔎 ↳ #webgl #threejs #webflow
4
12
93
@itsoffbrand
OFF+BRAND.
1 year
Our interactive experience for Metacrafters is now live for judging on @awwwards #webgl #threejs #procedural
2
11
77
@itsoffbrand
OFF+BRAND.
9 months
Super excited to receive FWA of the Day today 🏅 thank you @fwa jury!
3
3
80
@itsoffbrand
OFF+BRAND.
1 year
Nice to see our page transition featured as Element of the Day on @awwwards ! ❤️‍🔥
0
0
75
@itsoffbrand
OFF+BRAND.
1 year
Absolutely juiced to receive Site of the Day & Developer awards on @awwwards today ❤️‍🔥❤️‍🔥❤️‍🔥 ↳ → → 🏆 If anyone is curious to compare, a real-world picture of the studio in the comments 👇
2
5
71
@itsoffbrand
OFF+BRAND.
7 months
🌍🌓 experiments. #webgl #threejs
2
3
69
@itsoffbrand
OFF+BRAND.
9 months
Hey @webflow we love the new variables. But here are some improvements to we think would be useful: - Custom variables - Import / Export - Breakpoints These additions would alow us to migrate variables fully from external stylesheets. More thinking below...
Tweet media one
6
8
65
@itsoffbrand
OFF+BRAND.
1 year
More satisfying hologram shader and volumetric work on our 'Faction Select' scene for @MetaClashOnline #webgl #threejs #hologram #shader
1
6
58
@itsoffbrand
OFF+BRAND.
9 months
Thank you @awwwards 🫶
@awwwards
awwwards.
9 months
🎉 Congratulations to the winner of the SOTD off-brand. 2023 ! 🏆 This project by @itsoffbrand has been elevating brands in unexpected ways since 2020. Check it out here: #SOTD
Tweet media one
2
6
46
5
0
53
@itsoffbrand
OFF+BRAND.
1 year
Our 2023 rework of BreederDAO. Have a scroll, we hope you enjoy the in-browser physics! ↳ #webgl #threejs #ammojs
0
6
38
@itsoffbrand
OFF+BRAND.
9 months
Embracing the magic of in-person connections as a fully remote agency. Thrilled to be here together for @webflowconf 🌐 @stu_offbrand @stu_smith @davidebezier @itsmevanex @fdrc_o @betawaxx
Tweet media one
2
2
35
@itsoffbrand
OFF+BRAND.
9 months
OB2023 live for judgement on @awwwards 🫢 ↳
Tweet media one
0
4
35
@itsoffbrand
OFF+BRAND.
10 months
Who's keen on some project insights? 🤔
10
0
33
@itsoffbrand
OFF+BRAND.
1 year
Live for your votes on @fwa ! ↳
0
1
30
@itsoffbrand
OFF+BRAND.
10 months
A massive shout out to the excellent team at @Webflow that we worked with. Webflow is the bedrock our agency stands on, so it was an immense honour to work with you on this. Too many people to tag but you know who you are ✌️ ↳
1
0
28
@itsoffbrand
OFF+BRAND.
1 year
... and live on @awwwards ! ↳
Tweet media one
0
1
21
@itsoffbrand
OFF+BRAND.
10 months
Tweet media one
2
1
22
@itsoffbrand
OFF+BRAND.
1 year
SOTD & DEV awards for on @awwwards ! 🎉 Thank you to our excellent team on this one @WengersToyBus , @iljavaneck , @betawaxx , @stu_offbrand & the judges!
0
2
21
@itsoffbrand
OFF+BRAND.
8 months
👀 flattered
@axayagrawal
Akshay Agrawal ✦
8 months
Seems like @framer is trying to fit in the shoes of big brother @webflow
Tweet media one
9
5
152
0
1
20
@itsoffbrand
OFF+BRAND.
2 years
Our latest brand & web revamp is now live. CMCC 🔗
3
4
18
@itsoffbrand
OFF+BRAND.
9 months
💚 @greensock we love you
@greensock
GSAP
9 months
💚 Showcase - OFF+BRAND @itsoffbrand are behind the new Webflow site - their own site is just as spectacular. 💻 Webflow, GSAP, Taxi.js - @unseenco , WebGL 🛠 ScrollTrigger Flip DrawSVG MorphSVG site → showcase →
0
8
112
1
1
18
@itsoffbrand
OFF+BRAND.
1 year
2/x Crowd Animation • Single figure model, multiple animations. • Encode all positions in a texture (rgb = xyz) • Render instances of the same model with a random offset per isntance to chose an animation. • Interpolate back and forth. #webgl #threejs
1
0
17
@itsoffbrand
OFF+BRAND.
10 months
… watch this space 👀
@jeffamcavoy
Jeff McAvoy | The Rive Guy
10 months
This new interactive animation on the @webflow homepage is amazing!
13
22
243
2
0
17
@itsoffbrand
OFF+BRAND.
8 months
👀
@fdrc_o
👀
8 months
Launching something for me today: I’m working on a course. All I know about writing code in #webflow . From basic js, through animations to really advanced™ things. Live with this temporary (tiny) landing today, made w/ #webgl , #gsap and @webflow → 👀
47
41
588
0
0
19
@itsoffbrand
OFF+BRAND.
1 year
Perfromative interactions, transitions and accessibility features were a key remit for our build of The Online School's website. We've captured a few here: ↳ #webgl #threejs #gsap
0
0
16
@itsoffbrand
OFF+BRAND.
1 year
The reality, a studio is never so clean which is why we added the ability to mess things up and add textures. We've taken a little liberty on scaling but overall it remains fairly true to life.
Tweet media one
1
1
14
@itsoffbrand
OFF+BRAND.
11 months
And thats 3/3! Thank you @cssdesignawards for SOTD today for our work on David Lee's interactive portfolio. 🫶🫶🫶 #cssdaWOTD #CSSDesignAwards
Tweet media one
1
2
14
@itsoffbrand
OFF+BRAND.
1 year
Top 10 studio of the year, thanks @cssdesignawards ! Congrats to the winners and all the other excellent participants. Keep making good shit everyone. @burocratik @GardenEight @ETStudio5 @kommigraphics @linear_non @obys_agency @Griflan
Tweet media one
2
1
13
@itsoffbrand
OFF+BRAND.
10 months
Absolutely beside ourselves buzzing for #webflowconf Bring it on @webflow !
1
1
13
@itsoffbrand
OFF+BRAND.
1 year
Ah, thanks for the feature @usemuzli ! 🫶
Tweet media one
0
1
12
@itsoffbrand
OFF+BRAND.
1 year
3/x The Game Scenes See if you can spot de_dust2 👀 #webgl #threejs
1
0
10
@itsoffbrand
OFF+BRAND.
1 year
Thank you to the @fwa jury for voting our work FWA OTD today ! 🫶
Tweet media one
0
0
11
@itsoffbrand
OFF+BRAND.
1 year
1
1
11
@itsoffbrand
OFF+BRAND.
8 months
WOTD from @cssdesignawards ❤️‍🔥🫡
@cssdesignawards
CSS Design Awards
8 months
Website Of The Day is OFF+BRAND. 2023 by off brand. @itsoffbrand #webdesign #webdev #cssdaWOTD #CSSDesignAwards
1
19
175
0
0
11
@itsoffbrand
OFF+BRAND.
10 months
Little details 👀
0
0
11
@itsoffbrand
OFF+BRAND.
1 year
Much love to the @orpetron Jury for the #orpetron_sotd
@orpetron
Orpetron
1 year
#ORPETRON_SOTD a Masterpiece web design project by off brand from The UK was awarded the Site Of The Day certification on May 30 - 2023. Congratulations🎊 — Breederdao 2023 — #Webdesign #Design #Agencies #Angular #jQuery #Lottie #3D #Animation #Design
1
0
4
0
0
10
@itsoffbrand
OFF+BRAND.
10 months
@kabarza_ off *"BRAND"* ;)
1
0
9
@itsoffbrand
OFF+BRAND.
2 years
A little re-design we did for @SOMA_finance live now! #webgl #threejs
0
1
8
@itsoffbrand
OFF+BRAND.
2 years
Our refresh of @Morningstar_vc wins WOTD on @cssdesignawards 🎉
@cssdesignawards
CSS Design Awards
2 years
Website Of The Day is Morningstar Ventures by off brand. @itsoffbrand #webdesign #webdev #cssdaWOTD #CSSDesignAwards
0
12
41
1
1
8
@itsoffbrand
OFF+BRAND.
9 months
Tweet media one
0
1
8
@itsoffbrand
OFF+BRAND.
1 year
It's been a long road but @TOS_Edu is finally live! The brief was to create a super performant, high converting brochure site to showcase all the great things that The Online School can offer. Treated with some nice shader work of course 😉 Link & more below 👇
1
0
8
@itsoffbrand
OFF+BRAND.
1 year
4/x Last but not least, the Hologram shader #webgl #threejs
1
0
5
@itsoffbrand
OFF+BRAND.
10 months
@jeffamcavoy @webflow Oh yes it is 🙊
1
0
7
@itsoffbrand
OFF+BRAND.
10 months
1
0
6
@itsoffbrand
OFF+BRAND.
8 months
A nice addtion to the toolbelt 👌
@webflow
Webflow
8 months
Today we're launching the custom element. It might just be one element, but it gives you the *full* power of HTML.
57
85
795
0
0
7
@itsoffbrand
OFF+BRAND.
2 years
Our experience for Dissolution wins WOTD on @cssdesignawards 🎉 we're still not sure anyone's found the easter egg 🕵️ 🔗
@cssdesignawards
CSS Design Awards
2 years
0
1
10
0
1
6
@itsoffbrand
OFF+BRAND.
2 years
1
0
5
@itsoffbrand
OFF+BRAND.
1 year
We've now also enabled preview on the gallery page!
0
0
5
@itsoffbrand
OFF+BRAND.
10 months
@kabarza_ maybe it is, maybe it isn’t. 🤔
1
0
5
@itsoffbrand
OFF+BRAND.
2 years
Why thank you @cssdesignawards !
@cssdesignawards
CSS Design Awards
2 years
0
15
26
0
0
4
@itsoffbrand
OFF+BRAND.
10 months
0
0
4
@itsoffbrand
OFF+BRAND.
9 months
@greensock 🥂🤝 literally could not have done it with out you.
1
0
4
@itsoffbrand
OFF+BRAND.
1 year
Thank you @cssdesignawards for the nomination!
@betawaxx
ross anderson
1 year
Thank you @cssdesignawards for the nominating @itsoffbrand for #DOTY ! Refreshed a few times to get this but what a top line result, shout out to the lads @iljavaneck & @HenriHeymans on their nominations too!
Tweet media one
2
1
17
0
1
4
@itsoffbrand
OFF+BRAND.
11 months
@mcguirebrannon <3 end of an era! we cant wait to see what you get up to @mcguirebrannon !
0
0
4
@itsoffbrand
OFF+BRAND.
9 months
@Anemolito we also have a small case study on our website
0
0
4
@itsoffbrand
OFF+BRAND.
1 year
Here's the BTS of the "blob". For the heat spots we used full screen quad on which the mouse is drawing, where values range from 0 (not drawn), to 1 (drawn). Fades over time. #webgl #threejs
1
0
4
@itsoffbrand
OFF+BRAND.
9 months
Very useful
@arzafran
arzafran
9 months
Built Smooth Operator, based on the latest Lenis docs, to help everyone build better (and smoother) experiences online:
Tweet media one
4
5
81
0
0
4
@itsoffbrand
OFF+BRAND.
1 year
@keigo_nakanishi We hope you enjoyed 🤝
1
0
3
@itsoffbrand
OFF+BRAND.
10 months
@treshasweb @webflow @webflowconf diamonds forged under pressure ❤️‍🔥💎
0
0
2
@itsoffbrand
OFF+BRAND.
10 months
@samborekpk @webflow @webflowconf It’s OGL. We had <1 month to speed concept and and build a page that gets 150k views a day, and none of us were too familiar with Spline. It wasn’t ever going to be feasible to try and learn it, let alone use a new tool for quick, UAT’d and performant focused concepting.
3
0
3
@itsoffbrand
OFF+BRAND.
9 months
Being unable to add calcs / max-min / speed / fallbacks or referencing other var's inside variables is a little frustrating as enevitably you end up with two different :root{} sets on different sheets which can mean issues with specificity and make var's difficult to update in js
1
0
3
@itsoffbrand
OFF+BRAND.
1 year
(2/x) ↳ A nice little contact area too :)
1
0
3
@itsoffbrand
OFF+BRAND.
1 year
0
0
3
@itsoffbrand
OFF+BRAND.
2 years
Our latest. 💅 go play! #webgl #threejs @threejs
@Morningstar_vc
Morningstar Ventures
2 years
NEW WEBSITE LIVE💫 We are thrilled to reveal our new 'Morningstar Ventures' website! It took us a few months, but it was well worth it. Meet the #supernova , and let us know what you think in the comments below 🙏 ➡️
59
60
283
0
1
3
@itsoffbrand
OFF+BRAND.
10 months
0
0
3
@itsoffbrand
OFF+BRAND.
10 months
@samborekpk @webflow @webflowconf Also, not that it would have made any difference here but just to dispel any misconceptions - we, like everyone else, *did not* have access to any of these features before the conference
0
0
2
@itsoffbrand
OFF+BRAND.
10 months
1
0
3
@itsoffbrand
OFF+BRAND.
10 months
@mlonedesigns @webflow @webflowconf 🏴󠁧󠁢󠁳󠁣󠁴󠁿 🏴󠁧󠁢󠁳󠁣󠁴󠁿
1
0
2
@itsoffbrand
OFF+BRAND.
2 years
👏
@fdrc_o
👀
2 years
#webgl image live relight with normal and depth maps from @clipdropapp @threejs sandbox here
5
44
560
0
0
2
@itsoffbrand
OFF+BRAND.
10 months
@FrazerSparham @webflow @webflowconf Seeing the end result was very much worth the grind!
0
0
2
@itsoffbrand
OFF+BRAND.
1 year
All running on the enexerable power of @nextjs 🔥
1
0
2
@itsoffbrand
OFF+BRAND.
1 year
@MaximeHeckel @fdrc_o It will be reasonably soon, stay tuned. 👾
1
0
2
@itsoffbrand
OFF+BRAND.
10 months
0
0
2
@itsoffbrand
OFF+BRAND.
10 months
@robably__ 🫶 aw shucks thanks!
0
0
2
@itsoffbrand
OFF+BRAND.
10 months
@thekinglaolu Love this thank you for the kind words. Glad you’re enjoying our work!
1
0
2