Atelier Nine
A Swiss-grid portfolio with big photographic case studies, an index view with a floating preview and a project timeline estimator.
- Sections 5
- Languages English and Arabic
- Look Paper
What's inside
- Work
- Studio
- Services
- Process
- Contact
- Learn how it is made · OptionalStart the free course
Take the files, or let an AI tool build the same site.
Unzip it and open index.html in your browser. Zip file, 201 KB.
Download the zipThe photos in the zip are small blurry stand-ins, so the page looks complete at once. To get the real photos, make a free Pixabay key and run one command: the README in the zip shows how.
Helpful guides:Which AI tool should I use?,How to ask AI so it works
Details
What it includes
- Plates and Index views of six projects, each opening a full case study
- A grid overlay you can switch on with the G key
- A floor plan that draws itself, and photos that wipe in
- A how-long-will-it-take chart with a design fee range in KD
- Brief form with area slider that opens a WhatsApp message
What it does not do
- Orders and bookings go out as a WhatsApp message and stay in the visitor's browser only. There is no inbox or calendar until you add a database.
- The pictures are drawings. Real photos make it look much better.
- The Arabic text was written without a review by a native reader. Have one check it before you show a client.
Look
Paper, black and one signal blue; a 12-column grid you can switch on; giant tight type
Languages
English and Arabic
