Case study 17 / 18 · Tools
my rad head issue 1
A responsive magazine-style webpage exploring meditation, journaling, and therapy apps in India. Editorial sections, a timeline, an image gallery, and linked app logos organize the article into a visual reading experience.
Case study
A static, magazine-style webpage about meditation, journaling and therapy apps in India. It is an editorial layout project, not a mental-health app.
The problem
Present a long-form topic in a readable magazine structure, with supporting images and links out to the apps it covers.
What was built
- A magazine-style article layout with topic sections.
- A timeline, an image gallery and app logos that link to each app.
- A responsive layout in plain HTML and CSS.
Key decisions
- A static page suits editorial content.
- Typography, sections and images do the work of organising the article.
- Google Fonts and Font Awesome provide the type and the social icons.
Where it stands
The source code and screenshots are public on GitHub.
How it was built
Frontend
- HTML
- CSS — Responsive magazine layout
- Google Fonts
- Font Awesome — Social icons