Work / Landing · plateau
Genesis
Photo portfolio built from scratch in HTML and CSS, with Figma as the design source.
00 Coordinates
- Client
- Studio
- Role
- Design and front-end
- Year
- 2025
- Stack
- HTML · CSS · Figma
- Live
- Open site ↗
01 The brief
A photo portfolio from Figma that still holds as HTML and CSS, with the pictures loudest.
02 The problem
A photo site has to carry images, not chrome. The layout had to come from Figma and survive as handcoded HTML and CSS.
03 The decision
No framework. Rejected JS for a static grid. The layout had to survive the browser intact.
04 The build
Designed in Figma, then built with no framework. Grid, type, and spacing doing the work so the photographs stay loudest.
- Figma to handcoded CSS
- Image-led grid
- No JavaScript required
05 The result
A static portfolio that still looks intended. The project where I learned to protect a layout from the browser.
00 Coordinates · 01 The brief · 02 The problem · 03 The decision · 04 The build · 05 The result