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 ended up liking it so much I bought it and then found he was on Dribbble and decided to make a little rebound here.

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 a 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 the logo at the 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.)

More by Mark Moeykens

View profile