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
Stop paying for hosting. Seriously. 🛑
Here's the exact $0 stack I use to launch fast business websites:
→ Hosting: Cloudflare Pages — free, with global CDN built in
→ SSL: free with Cloudflare (that 🔒 in the browser costs you $0)
→ Contact forms: FormSubmit — no backend needed, messages land straight in your inbox
→ Analytics: Cloudflare Web Analytics — free, no cookie banner needed
→ Images: compress with Squoosh + use WebP — cuts load time in half
Total monthly cost: $0. Total excuses left: 0.
I shipped a full 30-page site on this stack scoring 99/100 on PageSpeed. It's not "cheap" — it's just smart.
What's the most you've ever paid for hosting?
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
I'm working on dental website, which one is better guys??
2 voted
29%
5 voted
71%
7 votes
Closed
My 7th Framer template is out.
Hallam is a restrained, typographic template for boutique consultancies and advisory firms. It's built for the client who says "make it look serious, not corporate."
It leads with four clear service lines. Case studies with outcome figures, insights and partner profiles all live in the CMS, so your client can publish new work without touching a component. It adapts easily for law firms, management consultancies and wealth advisors too.
Live preview: https://hallam.framer.website/
"make it look serious, not corporate" is the most common brief ever and nobody designs for it properly. 7 templates in is wild, congrats
I built this from scratch using vanilla HTML, CSS, and JavaScript, no build tools, no frameworks, no npm packages. It's a single-file static site that runs offline with zero dependencies, and it's meant to feel like a high-fidelity enterprise product page with a clean, engineering-focused aesthetic.
The visual language is called "Precision Grid", think white canvas with bone-gray accents and one electric-lime accent color (#DCF986) that pops like a circuit trace. The hero section features a dynamic SVG-based security console mockup that animates a live line chart using stroke-dashoffset, with pulsing status dots and count-up metrics that update without triggering any external libraries. The display type uses Clash Grotesk for headers and Satoshi for body, both chosen to match the tech-savvy, minimalist vibe.
Motion is subtle but intentional: staggered fade-and-rise on load, scroll-triggered reveals using IntersectionObserver, and a floating "real-time monitoring" pill that slides in with a slight bounce. I made sure to respect prefers-reduced-motion so it works for everyone, even those with accessibility needs.
The real engineering challenge? Making sure the SVG chart's animation stayed in sync with the scroll position while the page was being viewed. I had to manually track scroll velocity and adjust the stroke-dashoffset value based on a smoothed delta over time, using a simple exponential decay formula to prevent jitter. The fix was: currentOffset = previousOffset + (velocity * 0.05), a small but effective way to keep the animation fluid without overcomplicating it.
This project felt like a quiet victory, building something that feels like it's made for engineers, not for pixels. I love the precision, the calm tension, and the way the animations feel like they're breathing with the user's scroll.
🔥 😊
