Time to spice up the plain text a bit. With typography, spacing, and color now in place, it’s time to introduce a few essential UI elements. The main theme throughout this is probably roundness , since all of the components got rounded corners. Images In the previous posts, most images had white backgrounds. As such, they don’t really look aesthetically pleasing on the new, black background.…
Yes, I’m into AC/DC. I also try to respect user preferences as much as I can. If you have light or dark mode enabled in your OS , I’d like this website to adhere to your choice. Two Theme or not Two Theme That being said, I’ve been giving it some thought: I’m still in the beginning of this site’s redesign, and while it seems logical to implement theme support from the…
A grid is like an underwear, you wear it but it’s not to be exposed. Massimo Vignelli The grid is one of the most essential tools in any designer’s toolbox. It ties the content together — providing rhythm and visual coherence. I’ll try to keep this one very beginner-friendly. Grid From Typography For this website, I’ll be using a method that I learned a long time ago:…
Previously, I’ve chosen the fonts and set an unconventional type scale . In this post, I’ll be going a bit beyond the letterforms and spacings, trying to make this chunk of text finally readable. I’m going to make use of OpenType features, and style the default HTML elements. It might get a bit technical, but you’ll see a few simple CSS declarations going a long way. Table…
Previously, in Typography I: Typeface Selection : Interestingly, FF Real is featured on a poster in my moodboard that says “Design will save the world. Just after Rock&Roll does.” – and I often tend to grab a guitar to play some blues and rock music while taking a break from the design work. Maybe, subconsciously, that’s why it speaks to me? I always found myself amused working with the type…
Letters will make or break a website. They are the medium that conveys a message. Setting the tone is crucial. Like the tone of a voice while speaking, the right typeface can provide more context to the text. Oliver Reichenstein famously wrote that “ Web Design is 95% Typography ”. I mean, look at this website, what else do you see? Text accumulates: letters become words, words become…
How to build a website in 2025? Being preoccupied with Product Design, I haven’t really been coding websites from scratch in a few years. Things have changed, new technologies, techniques and practices have emerged. I rolled up my sleeves and made some time to explore and re-learn, so I can figure out what’s best for my use case. Choosing what to build with is important, and making the…
This is a question that has been bugging me ever since I first connected to the world wide web. The Content At the heart of almost every website is what does it tell. So, in that sense, what should a personal website tell? Is it a CV , where you strengthen a personal brand and promote your work? Is it a meme gallery, where you post stuff you find funny? Is it just a playground, to test some stuff…
There’s some kind of an undisputed beauty in a plain HTML page. It does everything a webpage is expected to do. It’s light as a feather. It’s natively responsive. It’s intuitive, focused and functional. Most importantly, it gets the point across. Many fear “The Blank Canvas”. Understandably, infinite choices can be paralyzing. Not for me. The idea of so many…