Calibre Super Condensed
What can you do with a super condensed font in a mobile UI? I wanted to do some experimenting and find out. This font was offered for free by Jeremy Vessey. It looked interesting so I decided to take it for a spin.
I created an iOS app and used the font on the launch screen. But iOS doesn't allow custom fonts on the launch screen. Apps don't have time to load custom fonts when first being launched. So the alternative is to use an image instead.
I created the text I wanted in Sketch, exported as PDF vector file and imported it into my Xcode project. Dropped it on the launch screen and on the login page with the same positioning to create a nice smooth transition from one screen to the next.
Some additional animations include: 
* Fading in logo at top 
* Sliding in login fields 
* Fading in the create account button 
* Slightly fading out the "CALIBRE" text on the login screen. (This is to draw more attention to the login elements.)

My patrons have access to the full Xcode project source files as well as over 55 other projects: https://www.patreon.com/posts/24035040
Calibre
Published:

Calibre

An example of using a super condensed font in a mobile application. Challenges and workarounds include using it as an image for the background an Read More

Published: