I finally did it, I finally made my own blog design for the first time in many years! The design is called Sweetly Curious and was inspired by the illustration that I made for myself (also featured in the footer of the design).
The design itself really plays with three main colours; white, blue and pink. I have also added a few hints of sprinkles.
The top or header of the design has a menu with a few light sprinkles. I had a lot of trouble with drop down and responsive menus, but I think I got it…
The footer of the design has a kind of ‘sidebar’ section where I have a bit of a bio, links to categories I use often, social media links and an enlarged svg version of my avatar. I thought this was a lot of fun to include on the bottom, because it is reminiscent of a giraffe layout that I did a long time ago, and kind of makes me think that everything is coming out of the mind of the image (maybe haha).
I also created some more styles for my 30 Before 30 page and of course the comments. I thought it would be interesting to have the styling on the 30 Before 30 to be like a notepad with a handwritten font/typeface. I also styled the del’s or strikethroughs to look like highlighter with a yellow background.
When I used to create WordPress themes styling the comments was an interesting and fun part of the process. I tried to make the styling a bit interesting, but also part of the overall flow.
I also created a custom error page, that is very simple, but I thought it was a bit of fun to break away from the structure of the main site.
I used fonts from Google (Imprima, Itim & Nothing You Could Do) that had a slight rounded appearance. I think they are a lot of fun and fit in well. There are also a lot of border-radius bits and pieces because I like those too.
Probably one of the biggest changes is that I am not using a sidebar. I have used one for a long time… but thought it might be good for a chance to just have content.
I had not made a complete theme of my own for quite a while. Thankfully not a huge amount has changed, so I was able to become familiar with it. I tried to make the coding as universal as I could, so it would work or be visible in many different devices. It may not be perfect, but hopefully something I can continue to improve. It took me a few weeks from having the idea and working out how to code it. First I thought maybe I could use something like Foundation and not have to create as many styling options, but I decided I wanted to make it from scratch. I had trouble working out if I should try using grids, flex box etc, but I decided to just stick with % divs and float them (while also changing styling options for smaller screens). It’s also worth noting that most of the elements are hard coded at the moment. The menu, sidebar, etc.
I have updated most pages and changed some styling options.
- When was the last time you created a website design?
- Who created your current theme on your blog?
- Do you use free or paid themes?