CONCRETE THEORY

About this template

CONCRETE THEORY is a bold, brutalist Framer theme for architecture firms, design studios and interior practices that want their website to feel as heavy and intentional as their buildings.

The theme is built around motion. A cursor-reactive ripple shader turns the hero image into liquid concrete. The headline assembles character by character, statements reveal word by word as you scroll, and project cards stack on top of each other like slabs. It also includes a mosaic shader band, a blueprint-style pattern shader and a particle tunnel on the 404 page, plus a two-row service ticker, image parallax and a blinds page transition.

What's included:

• 9 pages: Home, Projects, Project Detail, Studio, Services, Journal, Journal Post, Contact and 404

• 3 CMS collections: Projects (with gallery, specs, status and location), Journal and Team

• Light and dark mode with a toggle in the header that remembers each visitor's choice

• Fully responsive, with dedicated Desktop, Tablet and Mobile layouts on every page

• A mobile menu that closes automatically when you tap a link

• Reusable components: Button, Navigation, Service Accordion, FAQ and a Submit Button with pending, success and error states

• A working contact form with project type and budget fields

• A global colour system with light and dark values, plus text styles with responsive sizes

• Typography: Anton, Archivo and JetBrains Mono

• Shared header and footer through one layout template

• SEO-ready page titles and descriptions, including dynamic CMS titles

Everything is built for easy customisation. Change one colour style and the whole site follows in both themes. Add a project to the CMS and it appears on the home page, the project index and its own detail page automatically.

Raw concrete, sharp orange accents and oversized type. Built to stay.