Here's a design for my personal website:

• a free resource for Web-UI engineers
• looks like a book
• composed with Typography. 4 in total: Cormorant, Laila, Mr Bedfort, and Georgia.
• using HTML, CSS, & JS
• built with @eleven_ty


https://www.youtube.com/watch?v=AWbzTVSuEhc

Image 1: The front cover which serves as the homepage's header
Image 2: Fallback design of the front cover if for some reason, the web fonts fail to load
Image 3: The TOC. The article on Content Layout is an intro to a CSS framework I'm working on. Trying to fill a gap still left open by Bootstrap/Tailwind Typography. I'll be publishing a second part in a couple of days. This one as well needs an update
Image 4: The footer design

I must say, the design is STILL a work in progress.

I'll be experimenting with flipping pages (like those of a book) rather than scrolling the page as it's common on the web. I'll be sharing updates on Twitter @toheebdotcom

For now, Ask me anything about designing websites. I should be able to share one or two experiences I have.