I’ve got set up with an easy way to edit CSS locally on live sites. I’ve just got some groundwork for the Tamil site, which needs to be rearranged to be more visible in mobile view. I basically just introduced flex-box to rearrange elements vertically, so that the menu on the right is now not taking away from the body space. However, I have to introduce some sort of hamburger menu to move the menu out of the way when not in use. Other than that, it’s just some little things like making sure the title doesn’t overflow.

I’ve been tasked with making a new banner for the New Writer’s Project, which also basically includes their logo and identity. They really like the moleskin as their icon:

And so I’ve worked to maintain the general idea of this but clean it up:

In the end I think I’m going to continue with this one. I worked to establish a sort of fake perspective by simply transforming rectangles, but not introducing angles other than 90 degrees, in this way, it’s sort of isometric (I think?). I also messed with corner rounding radiuses to give it a moleskin look and simulate the spine vs. regular page corners. Now I have to work to move the color to the background and make that interesting.

I reformatted the page about hiding pages and folders to be more general and have more information. It’s now called “How to Hide Navigation Sidebar Items” and I added this image which is essentially the anatomy of a cascade page.

More LACS Icons

PR LGBTQ+ Logo Design

This week I’ve been working mostly on the PR LGBTQ+ Logo Design. Suloni linked me some documentations on best practices in designing logos and I thought that they are very helpful. So far I’ve been more used to the illustration (more ‘free’) style, and so I thought that this project gives me great exposure to more flat, structured design principles.

Here are some drafts that I’ve done this week. Suloni wanted 2 versions, a rectangular, and a circular.