Concept projectArchitecture · Brand site · 2026
FORMA — Minimal architecture studio
White, grid-breaking layout with a project index that previews images under the cursor.
Design idea
Overlapping images on a 12-column grid, a curtain-reveal cover and line-by-line rising type. A single terracotta dot accent.
Mobile approach
Grid breaks remain but flow vertically; cursor preview turns off and the index is touch-friendly.
Colour palette
White
#FFFFFF
Plaster
#F2F1EE
Graphite
#111111
Concrete
#9A9A95
Terracotta
#D94F30
Typography
Inter Tight
Display
Inter Tight + IBM Plex Mono
Body
Stack
- HTML
- CSS
- JavaScript
- Vercel
Scales to Next.js + a CMS for a real build.
Screens
Key sections
- Filterable index + cursor preview
- Featured project and spec sheet
- 4-step process
- Oversized contact CTA
Process
- 01
Studio philosophy and archive
- 02
Grid-breaking composition
- 03
Index interaction and transitions
- 04
Image optimisation and launch
Target metrics
⚠ Example / projected targets — not real client results.
- project-view target (example)
- +%30
- grid system (example)
- 12 kolon
- perceived transition target (example)
- <1 sn
Next step
Have a project in mind? Let's talk it through.
Tell us what you want to build. We'll reply with questions or a call proposal — and a written proposal after discovery. No obligation.