A heavy Metal band wanted a site, custom animation with existing skeleton image, gallery with nice photos of them playing, I added a custom music waveform player created in #framer because why not, a booking system, fan newletter page, and best of all eccom merch page for their fans wishes. FIrst e-coom and booking made it easy!.

Integrating e-commerce, booking, and a custom audio waveform player into one cohesive dark aesthetic is super impressive. How did you build the custom audio visualizer in Framer?

Rawform — a Framer template for architecture practices

Most architecture templates are a photo grid with a contact form bolted on. That works until a client asks where the case studies go.

So I built the whole practice site.

Twelve pages. A filterable project archive with proper case-study pages — client, location, year, area, typology, status, and separate Brief / Approach / Outcome narratives. A journal with author references. A team roster. A services page that publishes its stages and fees instead of hiding them. Contact, a custom 404, and the legal pages you actually need before launch.

Four CMS collections, populated. Thirteen components with real interaction states. Nav and footer in a shared Layout Template, so you edit them once.

The design is a printed studio monograph: paper tones, concrete greys, hairline rules on a visible grid, oversized grotesk against monospaced metadata. It gets out of the way of the photography, which is the only thing that should be selling the work.

Three breakpoints, tested to 320px. No fixed widths, no horizontal scroll, no code, no plugins.

https://noelmarketing.gumroad.com/l/rawform-framer-architecture-template

this is beautiful, i love the sort of brutalist architecture paired with a font that's serious & clear but also has a touch of fun to it.