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
I designed and built ApexSutra's entire digital presence—from branding and design system to a production-ready website.
The challenge was to create a website that demonstrates engineering quality rather than relying on generic marketing. Every decision focused on performance, scalability, maintainability, and user experience.
I developed a reusable design system powered by Tailwind CSS v4, with design tokens for colors, typography, spacing, and motion. The website is fully data-driven, allowing new services and industries to be added through typed content files that automatically generate pages, SEO metadata, sitemap entries, and search integration.
SEO is built into the architecture with structured data, Open Graph metadata, and an auto-generated sitemap, ensuring content and search optimization always stay in sync. Performance was equally important, using CSS-first animations, server-rendered content, and accessibility features like reduced-motion support.
Tech Stack: Next.js 16, React 19, TypeScript, Tailwind CSS v4, Vercel.
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
Challenges
View all
Related posts
Custom liquid interaction built in Framer.
Turning a static hero into a responsive visual surface through cursor-driven distortion.
How do you adapt the cursor-driven effect for touch screens?
Orion GT — Luxury Automotive Landing Page 🏎️🔥
Orion GT is a landing page concept for a premium performance car brand, built around speed, innovation, and a cinematic digital experience.
The goal was to make the vehicle feel like more than a product — creating an immersive introduction where lighting, motion, typography, and interface details reinforce the feeling of performance and exclusivity.
Special attention was given to:
• a cinematic hero composition that makes the vehicle the main visual focus;
• a high-energy red and orange palette inspired by speed, heat, and light 🔥;
• oversized typography that strengthens the premium, futuristic character;
• floating performance UI elements that communicate features without interrupting the visual experience;
• glass-style interface cards for drive efficiency, electric power delivery, and adaptive lighting;
• a clear “Discover the Line” CTA integrated into the storytelling;
• responsive mobile layouts that preserve the atmosphere while simplifying the composition 📱;
• a minimal mobile navigation designed to keep the experience focused and immersive.
The result is a bold automotive experience that combines luxury presentation with a technology-driven interface — turning the landing page into part of the product experience itself.
Looking to create a premium website for your automotive, mobility, or technology brand? Let’s build something that feels as powerful as the product. ⚡
How did you choose this color direction? 🔥