Skip to main content

Queen City of the South, Cebu logo


Two years ago I was assigned to design the website logo of QueenCityCebu.com, a popular Facebook page on all things fun to do in Cebu.
The original Facebook page profile pic is the one below (actual size), and my boss wanted a similar "crowny" feel to the new logo:

I'm a sucker for symbols. Aside from the Sto. Niño, the second most obiquitous symbol for Cebu is the Magellan's Cross shrine/chapel, as can be seen in the Cebu City seal (the pûsô is probably the third):

Since I'm lazy, I decided to go via the Magellan's Cross route. I wanted to combine the Magellan's Cross chapel with a shape that recalls one of those bulbous European crowns, like the Spanish royal crown (corona tumular)– which is a bit appropriate, Cebu having been the first major area to be under the Spaniards in their conquest of these islands (and the corona tumular resembles that in some depictions of the Sto. Niño):

My Personal Replica of Señor Santo Niño de Cebu
Ellis Manuel Mendez' personal replica at Flickr

As for the looks, I first wanted the logo to have a simple, line icon, feel like this Pinterest Japan pin, made in 2012 by someone with, coincidentally, the same nickname as mine: Tom:
What I needed was a font ('typeface' for the purist) with the capitals 'O' and 'Q' that felt just right (Google Images is your friend). Baskerville Old Face fit the bill – just the right thick and thin contrast I was looking for (I'm also a sucker for Yin-Yang) and just the right swoosh of the 'Q' "tail". 😉 :
I would modify it and draw a flatter 'Q' frame to contain the Magellan's Cross chapel. Baskerville Old Face will also serve as the logotype's font since there would be two versions: one that fits in a square/circle (emblem) and a wide one (logotype), for the QueenCityCebu website, since the logo placeholder there is in the wide format.
Magelan's Cross chapel is an octagonal building with Chinese influence:

The above picture, from the Cebu Lay Information Center, is especially "Chinese-ey" and I decided to use it as basis for the emblem. Rather than use a cross surmounting the chapel, I decided to focus on the chapel's top's function as a weather vane to tie it up with the Baskerville Old Face-inspired 'Q' frame. Here's what I came up with, in Inkscape, after some ballpen and paper sketching (I lost the notebook last year, unfortunately):
However, as it is, the lines are too thin to survive being turned into a favicon, so I filled up the spaces with Inkscape's bucket fill tool (as I said, I'm lazy). The process is not perfect, but it did create some unintentional gaps that reminds me of the uneven gaps between set stones – I'm also a Wabi-Sabi fan):

The color is like that because the website's WordPress theme has this color scheme (although it would be gold in the Facebook page) ...

Here's the logotype version:


I also made t-shirt mockups (thanks to Irfan Prastiyanto for the GIMP template):

I would later add the *.com for branding. The one below has more outlines for a more classic look:
I should probably adjust the space between 'city' and 'cebu' ;)
For two years, this new logo would be at the website and the original tiny profile pic would remain at the Facebook page.
Then, for this year's Sinulog Festival, we decided to retire the Facebook page's old profile pic and replace it with the new emblem. I just retained the color scheme of the old logo, and put the word 'QUEEN CITY' on an arch to give the phrase more space after Facebook crops the profile pic in a circle. I decided to go for an embossed look (it's just a cosmetic treatment, not integral to the logo). I made several textured versions then we decided to settle for the sand-textured one.






Again, I'm lazy so these were just made in #Inkscape, not a dedicated raster image editor like Photoshop (plus, my PC cannot handle the humongous file sizes and memory hogging of Adobe Products). Cheers ;)

Comments

Popular posts from this blog

Create 'Fake Identity Generator'-style email addresses and passwords in Excel

Last week I needed to compile a list of several hundred fake customer names with fake (but verifiable) email addresses and passwords to test a client's eCommerce site. Fake data generators At that time, I knew of only two online identity generators: Fake Identity Generator  (FIG) and GenerateData.com  (GD). By accepting three user-specified parameters (country, gender, age range) FIG outputs a lot of nice fake data, including disposable (but accessible) YopMail email addresses and relatively easy-to-remember passwords. However FIG doesn't provide free bulk identity generation so I had to generate and copy-paste identities one at a time – a very slow process – along with manually creating accounts using these fake identities at the client site (I had no access to the client content management system so I couldn't bulk register the fake identities). On the other hand, GD allows bulk generation of identities (up to 100 at a time) for free (and with more paramete...

Make a quick-&-dirty repeating pattern in Inkscape (using hexagon base)

[Note: This was first published as a Facebook Note on January 29, 2016 . I am making it available here to add to the Inkscape pattern tutorials.] This is based on a tutorial for making hexagonal tiles for David White’s “The Battle for Wesnoth”, but you can skip the 72×72-pixel requirement. You can make your base hexagon in any size that looks good at 100% zoom. First, make a hexagon using the “Create stars and polygons” tool. Press the CTRL key while you’re dragging the cursor to make a proportioned hexagon like this: You may have to move the cursor around to have the hexagon lie on its side. Next, with the hexagon selected, remove the outline by holding SHIFT and left-clicking the ‘X’ swatch in the color palette: Replace the hexagon’s color with what you want by left-clicking the color swatches in the color palette – almost black, in this case: Next, add your main decoration. I just dropped-in a dragon I found at Wikimedia Commons: Group the hexagon and the object (selec...

Baybayin Fonts

[Blogger] I didn't set out to do Baybayin fonts in the first place but one thing led to another so . . . Here they are so far (shapes done in Inkscape and assembled in Fontforge ): Note: the newer ones do not follow the Lopez cross virama but the 'J' shaped 'pamudpod' introduced by Antoon Postma and adapted by the Mangyan Hanunoo. I also use the Bikol 'Ra' and—purists may cringe—I use extra kudlit on the newer fonts to indicate 'i' and 'u' from 'e' and 'o.' Traditionally, the double kudlit was used to double the e/i or o/u syllable. Baybayin Electric (download from this link ): Originally aiming for a more 'runic' feel that's easy to read in small sizes. Ended up with this: Baybayin Electric Monospace version (download from this link ): Baybayin Hilig (download from this link ): "Hilig," in Tagalog, means "passion, favorite thing/activity;" in Bisaya it means "slanting, oblique, ...