3

I need some help with kerning my wordmark. I have read some blog posts, and tried an online game to "test" my kerning skills. I usually get a score of 80% or higher, but I also sometimes get a really poor score. Since it's possible to get a score of 100% in the "kerning game", it got me thinking. Is there something called perfect kerning? Any help on improving my current kerning attempt (as well as my kerning process) is appreciated.

Background

This is somewhat a follow up question to one I made a couple of weeks ago, Critique request: Logo design for a tech company.

I went back to the drawing board, asked for help and feedback on The Looking Glass, and ended up with a wordmark and logo I am satisfied with.

Below is my current work in colors, black, and white.

Wordmark and logo

Is it just me, or does the space between "R" and "E" seem shorter on the black background version? I checked to confirm that the space between characters are the same on each version.

Kerning process

My process to kerning so far has mainly been to get the white space between each character to be roughly the same. I started looking at the space between [ITE]. The white space between these two characters are equal, and I used that as a standing point for the rest of my kerning process. The next thing I did was look at the space between [REI] and [ECH] separately. I also tried looking at the wordmark upside down and from farther away.

Maybe the space between the "R" and the "E" could be slightly larger? However, the wordmark looks a bit odd to me if I increase the space between those two letters. Maybe that's because I have been staring at the same wordmark for weeks now.

Here is an illustration of the wordmark upside down with white space in different colors.

Wordmark upside down

3
  • 2
    Not fer nuthin.. I like this better than your first design. :)
    – Scott
    Apr 12 at 7:42
  • Not asked, but compromising the readability of your business name by obscuring letters with programming symbols looks compulsory. Build an icon by placing some programming symbols in front of the business name and keep the rest easy to read. An example: i.stack.imgur.com/qMu54.png
    – user287001
    Apr 12 at 23:03
  • @user287001 Thanks for the comment. I appreciate any feedback, asked or not. The example logo you provided is also helpful. Receiving advice from experienced people is one of the main reasons I ask question about my work in the first place. I will consider it, and try to make a version with icon + name as well.
    – John
    Apr 12 at 23:29
3

I think overall the kerning is pretty good. However, at times it can be helpful to abandon anything mathematical or scientific and merely use visuals to refine.

Looking at the full mark I feel there's a bit too much space around the right side of R and the C. Curves often cause the visual sense of additional space. So, it's fairly common to kern curves a bit tighter than everything else. Not a lot, just a hair.

Below, using the raster images here, I tightened kerning by 2 or 3 pixels to the right of the R and both sides of the C. I didn't touch any other parts. I essentially just "nudged" the parts a couple times given the raster nature of the image I had. I'd have been a bit more precise if working with vectors and cut the space by 1/3 or 1/4th.

I also feel the mark would greatly benefit from making the brackets larger than the rest of the glyphs. And I don't think you need the "gap" in the H. It reads fine if the H connects to that right bracket. But this is all merely my aesthetic opinion.

If you are gong to keep the gaps in the R and H, I'd encourage you to ensure the width of those gaps is equal to the stroke widths of the glyphs themselves.

enter image description here

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.