Roof Ecologies in Basel
A research blog that explains the roof ecologies of Basel, and the evidence behind them.
Overview
Liyana Chew needed a website that explains the types of roof ecology used in Basel, Switzerland, together with the findings and research that back up each idea. Viberist designed the site, then developed it and published it live.
- Client
- Liyana Chew
- Year
- 2026
- Services
- Website design and development
- Industry
- Architecture research
- Type
- Research blog website
- Pages
- One long-form article in six sections
- Status
- Client project
Design challenge
The content is research: policy history, design principles, case studies and a full reference list. The site had to make a dense subject easy to follow for any reader, without losing the sources that make it credible.
Design direction
A calm, editorial page. A full-width photograph of grass-roofed houses and a large serif title open the site, so visitors grasp the subject before reading a word. Long-form text is set in a readable serif, hand-drawn green sketches explain each roof type and principle, and every photo and diagram carries its source.
- Paper#F7F6F2
- Sketch green#0A9A1A
- Ink#111110
A classic serif for the title and long-form reading, small spaced capitals for section labels.
The full page
Scroll inside the frame to read the whole page.
Key features
The idea in the hero
One photograph and the title “Roof Ecology Architecture” set out what the site is about at a glance.
Section navigation
Introduction, Basel, Principles, Case Studies, Malaysia and References, all one click from the top bar.
Tabbed case studies
Three Basel green roofs, each broken down by technical design, building performance and environmental impact.
Sourced throughout
Diagrams and photographs carry their citations, with a full reference list at the end.
From the client
“The design is good. I like the hero section, where we can see the overall idea of what the website is all about. It’s simple, but it conveys the idea perfectly.”
Final result
Designed and developed by Viberist, and live in 2026.
Start a Project