Typography 101: Baseline Shift

baseline shift @ symbol image

Here’s a simple tip for making sure web email address in print look more professional; I’ve been doing this for years now.

When typing an email address into your document, what I have found is the “@” symbol sits on the baseline by default (in the majority of fonts).

In the example above, I have demonstrated that simply by shifting the baseline lower on the “@” symbol, the whole aesthetics of the typography looks a whole lot better.

Number 1 shows the email address without baseline shift correction, whilst number 2 shows the corrected version.

(Technical tip: the baseline shift should be set to a few negative-points (depending on letter size) using the character pallet in Illustrator, Photoshop, etc).

I also adjust the baseline shift on brackets, too.

This method is very ‘perfectionist’, but that’s what makes a good designer a great one 🙂

See these Related Posts here on Andrew Kelsall Design...

Submit your Amazing, Hip and Happening Design Link... Use the form below to submit a quality design link. Please read these instructions carefully. Firstly, the design links wanted must be related ...
Excellent Email Advertisement about Skype I'm rarely impressed by email advertising campaigns, but I received such an email recently from mobile network 3. The email was advertising free Skype...
This is One Tool Every Designer Should Own Do you use a Mac or PC? I bet you have a printer, scanner or camera too─but do you also use the 'ol Scalpel and cutting mat? Despite all the moder...
Fresh Design Links #1 Recently, I set up a page on my site whereby users could submit design links. I then included the links on a page named Quality Submitted Design ...
Stunning Typographic Designs by Jing Zhang These Stunning Typographic Designs were created by Jing Zhang, who is an illustrator and designer who resides in London. Jing has designed quite a...
The Greatest Design Tip Ever? Yes. Keeping your fingers hovering over Command-S (on Mac) for saving your design work has saved my own work from being lost many times. But is th...
Boba Fett, Freaky Ice & Great Links: Inspirat... Here's another set of design links for your enjoyment—as well as some images and a following highlighted resource. There's also some design links subm...
How 19 Bucks Could Land You More Work Here's a quick tip for you if you're a Dribbble user. For a mere $19 USD a year (£12 for us English), you can go pro and have a permanent Hire Me ...
How 10 Fantastic Poster Designs Conform to A.I.D.A A.I.D.A (Attention, Interest, Desire, Action; also AIDA) is the well-known acronym that can guide a designer when creating advertisements. In this cas...
Striking Digital Artwork by Adam Dedman Check out this colourful and vibrant digital artwork by Adam Dedman. Adam is an illustrator and graphic designer based in the south-west of Englan...
Share on Facebook6Share on Google+3Tweet about this on Twitter0Share on LinkedIn6Share on StumbleUpon142Pin on Pinterest0Email this to someone

13 thoughts on “Typography 101: Baseline Shift”

  1. Rebecca
     · 

    nice tip! thanks!!!

  2. Rob Cubbon
     · 

    Simple but priceless!

  3. Ray Vellest
     · 

    Simple and very effective, nice tip! Thanks for sharing.

  4. Andrew Kelsall
     · 

    Rebecca & Rob → Cheers 🙂

MT VPS SERVER AD BANNER