Rawform is a complete website for an architecture practice — not a photo grid with a contact form attached.
Twelve pages: a filterable project archive, full case-study pages, a journal, a team roster, a services page with published stages and fees, contact, a custom 404, and the legal pages you need before launch.
Four CMS collections arrive populated with realistic content. Projects carry client, location, year, area, typology and status, plus separate Brief, Approach and Outcome fields. Journal entries reference authors from the Team collection. Typologies drive live filtering on the Work page.
The design is editorial rather than decorative: warm paper tones, concrete greys, hairline rules that expose the grid, oversized grotesk headlines set against monospaced metadata. It reads like a printed studio monograph and stays out of the way of your photography.
Thirteen components with variants and real interaction states — navigation with a mobile drawer, buttons, project and journal cards, an FAQ accordion, filter chips, and a contact form with pending, success and error feedback. Nav and footer live in a shared Layout Template: edit once, it updates everywhere.
Fourteen colour styles and seventeen text styles carry responsive sizing. Change a token and it cascades across all twelve pages.
Three breakpoints, built with stacks, grids and fill sizing throughout. Tested down to 320px with no horizontal overflow and no leftover fixed widths.
Every page has its own SEO title and description, one H1, a logical heading order, image alt text and visible focus states. Every link is wired and verified.
Typeset in Clash Grotesk and IBM Plex Mono, both free in Framer. No code, no plugins, no external dependencies.
Swap the content, the imagery and the practice name, and publish.
Rawform is a complete website for an architecture practice — not a photo grid with a contact form attached.
Twelve pages: a filterable project archive, full case-study pages, a journal, a team roster, a services page with published stages and fees, contact, a custom 404, and the legal pages you need before launch.
Four CMS collections arrive populated with realistic content. Projects carry client, location, year, area, typology and status, plus separate Brief, Approach and Outcome fields. Journal entries reference authors from the Team collection. Typologies drive live filtering on the Work page.
The design is editorial rather than decorative: warm paper tones, concrete greys, hairline rules that expose the grid, oversized grotesk headlines set against monospaced metadata. It reads like a printed studio monograph and stays out of the way of your photography.
Thirteen components with variants and real interaction states — navigation with a mobile drawer, buttons, project and journal cards, an FAQ accordion, filter chips, and a contact form with pending, success and error feedback. Nav and footer live in a shared Layout Template: edit once, it updates everywhere.
Fourteen colour styles and seventeen text styles carry responsive sizing. Change a token and it cascades across all twelve pages.
Three breakpoints, built with stacks, grids and fill sizing throughout. Tested down to 320px with no horizontal overflow and no leftover fixed widths.
Every page has its own SEO title and description, one H1, a logical heading order, image alt text and visible focus states. Every link is wired and verified.
Typeset in Clash Grotesk and IBM Plex Mono, both free in Framer. No code, no plugins, no external dependencies.
Swap the content, the imagery and the practice name, and publish.
Noel Dario Andres
