Three frontend projects built from scratch. Each one is a different design style and use case — a product page, a blog layout, and a specimen/catalog page.
Open index.html at the root to get a preview of all three and click into any of them.
A product page for a winter jacket. Has a 360° drag viewer where you can spin the jacket around, size and color selectors, a features strip, and a bottom info bar. Built with vanilla JS for the viewer — no libraries.
A blog/insights listing page. Dark theme with an orange accent. Has a top nav, category filter tabs, and blog cards. Uses a custom font family (Area Normal).
A split-screen product page for an insect specimen. Left side is white with a classification breakdown, right side is deep red with the specimen name, stats, price, and an add-to-collection button. The glass dome image sits centered over the split.
- HTML, CSS, vanilla JS
- No frameworks, no build tools
- Google Fonts for some pages, local fonts for Website 2