The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
A studio site that proves the craft it sells: one place for the work, the services and the way I build. I was brand designer, art director, developer and QA at once, and took it from a Framer prototype to custom code in three weeks.
What I delivered
Brand system: five palette directions and four logo rounds, narrowed to one
A 12-shot AI-assisted hero film, cut to a 25.8 s loop
An intro loader, an interactive 3D lightbox and a glass pavilion footer
Responsive across desktop and mobile, with text contrast at WCAG AA (4.5:1+)
Stack: Next.js, React, Tailwind, GSAP + ScrollTrigger, Lenis, Motion, Three.js, Vercel
Role: Designer + developer, solo · Sep–Oct 2026
Skills / tags: Web Design, Brand Identity, Creative Development, Next.js, Art Direction, Motion
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
How fast can a template get without changing a single pixel?
⠀
We just optimized 11 of our templates in Framer, Astro and Next.js. The rule was simple: nothing visible changes, only how things load.
⠀
What we changed: CSS inside the page, fonts from our own domain instead of Google Fonts, WebP images with phone-sized copies, videos that load when you scroll near them, heavy videos re-encoded without visible loss (one template went from about 20 MB of video to 2.4 MB), WebGL that starts near the screen, and analytics after the page. Every page was checked pixel by pixel at three widths before and after.
⠀
Mobile PageSpeed now, Astro / Next.js:
Sunbeam 100 / 100
Auria 100 / 96
Lapse 97 / 98, up from 64 / 66
Parley 97 / 94
Nova Quinn 93 / 92 ⠀
On desktop, Mote scores 98 in Framer and 100 in Astro and Next.js.
More posts on the individual fixes coming.
Nothing visible changes, only how things load is such a good rule. Speed work like this is underrated, buyers feel it even if they can't see it.
Gorgeous 😍
The Kinetic Brand Spec Engine is an ultra-fast, 40-cut kinetic brand identity showcase built for high-growth digital brands and social feeds. Operating in a seamless 3.6-second infinite loop at a locked 60 FPS, it combines rapid photographic strobe cuts with real-time optical color inversion, delivering the energy of a high-end broadcast title sequence entirely within native vector animation.
What sets this project apart is that it was built 100% programmatically using the SVGator MCP (Model Context Protocol). Rather than manually dragging timeline keyframes in an editor, every layer coordinate, 60ms cut interval, and blend mode was authored directly through code and agentic automation, proving sub-millisecond precision and showing what the future of creative engineering looks like.
The template is engineered for true plug-and-play reusability: designers can drop in any transparent logo mark and update the brand title in under 60 seconds without breaking any of the 40 animation tracks. To prove its versatility, we created two radically different brand executions powered by the exact same master engine - LUFAZAE for avant-garde editorial luxury, and MONOLITH for tactile architectural streetwear.
It's really energetic brand identity ⚡⚡⚡
Great work Garv🎉🎉🎉