INTRODUCING THE Transition family

Similar documents
Alphabet. elemental visual signs 26 characters frozen sounds

TYPOGRAPHY. ascender arm (as on the capital T) descender bar (as on the capital H) counter ear (as on the lower case g and r)

MODULE CM 2004 / STAGE 2 / SEMESTER 2 / SESSION Module title Design Principles and Context

5. Text CHAPTER HIGHLIGHTS 10/12/2016 CHAPTER. Text tradition. Codes for computer text. t. Font technologies. Multimedia text.

Font, Typeface, Typeface Family. Selected Typographical Variables

VOICE OF TYPE LECTURE 1

IT82: Mul timedia. Practical Graphics Issues 20th Feb Overview. Anti-aliasing. Fonts. What is it How to do it? History Anatomy of a Font

LOGO & BRAND STANDARDS GUIDE

understanding typography

TYPE ANATOMY jtittle

Font classification review

Font Basics. Descender. Serif. With strokes on the extremities of the letters. T Script. Sans-Serif. No strokes on the end of the letters

Typography. is the foundation of good web design

Lumin Lumin Sans Lumin Sans Condensed Lumin Display

Basic Elements > Typeface. Contents

PRESENTED BY : RIZWAN AARIF رضوان عارف

ewjduhiz tvnsgfq Brenner Type System: Typotheque type specimen & OpenType feature specification. Please read before using the fonts.

Tribunal. ewjduhiz tvnsgfq. Typotheque type specimen & OpenType feature specification. Please read before using the fonts.

Brand Guidelines. version

STYLE AND USAGE GUIDELINES

Elements of typographic design

OUR TYPOGRAPHY APPROVED UNIVERS FONTS. Univers 65 Bold Univers 65 Bold Oblique Univers 75 Black Univers 75 Black Oblique

BRAND. For Internal Use Only Not For Use With The Public. For help and guidance on our brand standards, contact

What is Accessibility?

Exclusive Pro version Parisine Office Pro version is available from 55 one weight/ one user.

The Future of Web Typography. Richard Rutter

What s wrong with PowerPoint. with PowerPoint and what you can do about it. Nick Dvoracek An AV guy looks at. The titles are too damn big

Disney font download for pc, download japanese font for windows 8, download font vni-times cho word 2003, free download font kruti dev 045.

User-Centered Website Development: A Human- Computer Interaction Approach

Organon Sans. a type specimen. 1

CNOOC Nexen Employer Brand Guidelines. A New Energy

Graphical Screen Design

BRAND IDENTITY STANDARDS GUIDE

Concepts and Terms. production assignment 01 review V. Different Typefaces Same Name. I. Vector vs Raster Graphics

anatomy cap height x-height baseline descender ligature finial terminal ascender spine small capital uppercase counter cross bar lowercase

Modifying Type: effects of a letter change COLDS

Graphic Standards 1/28/13

BRAND ASSETS AND GUIDELINES

Corporate Identity Guidelines

Typefaces are character sets based on distinct design characteristics.

HURME GEOMETRIC SANS

7 TYPOGRAPHIC DESIGN Lesson overview

jasonjuwono twentyfifteen TYPEDIA _ Typography Encyclopedia

Logo. Logo. Symbol. Wordmark

Introduction. ThinManager - A Rockwell Automation Technology

Pre-Venetian or Ancient Humanist or Venetian Transitional Didone Slab Serifs

BASIC ABOUT TYPE TYPO GRAPHY

The Future of Web Typography. Richard Rutter

Irma Text Round Pro Irma Text Round Std

8/19/2018. Web Development & Design Foundations with HTML5. Learning Objectives (1 of 2) Learning Objectives (2 of 2)

Primary Logo. Corporate logo - primary. The centered logo is only to be used when the length of the common logo is problematic for an application.

BRAND GUIDE Indianapolis Classical Schools

Type on the Web: Dos, Don ts and Maybes Ilene Strizver

The Visual Scientist Presents Poster Design

MEDIA KIT. MARCH 2019 / v. 1

LECTURE 4 THE USES OF TEXT IN MULTIMEDIA

section four typography contents introduction...44 helvetica neue...45 bodoni...46 examples of type usage...47 body text examples...

CANES COMMUNITIES REGIONAL VISUAL IDENTITY MANUAL. March 2015

Basic PowerPoint Guidelines. Tips for Creating Great Presentations

Brand Identity Guide

How Typography Determines Readability: Serif vs. Sans Serif, and How To Combine Fonts.

Graphic Design. shawacademy LESSON 5. summarynotes INTRODUCTION TO TYPOGRAPHY. For further questions visit us online at:

The 2011 rupeeequipped. from jy&a Fonts.

Putting type on a page without incorporating typographic principles is merely word processing. Terry Rydberg, Author Exploring InDesign 3

WATER (No kerning) WATER (Automatic Kerning) WATER (Manual Kerning).

Adobe Photoshop CS Design Professional PLACING TYPE IN AN IMAGE

Pushpay Simple Brand Guide. Volume 1.0

Logos. North Dallas Shared Ministries

Appendix D CSS Properties and Values

Chapter One Modifying Your Fonts

TYPE. Design Process

Friendly Fonts for your Design

Typography Main typography EC Square Sans Pro

Bardax. Process GD350 ADVANCED TYPOGRAPHY REFLECTION ON PRACTICE ERSAN ÇELİKTAŞ

Typography One typeface classification

Linotype Library GmbH Du-Pont-Straße Bad Homburg Germany T F

Corporate Identity Guidelines

Chapter 7 Typography, Style Sheets, and Color. Mrs. Johnson

m111111<111111n 0 - o444444,444444p

PRESENTATION BOARD LAYOUT

Adorn. Banners. Smooth. v22622x. user s guide PART OF THE ADORN POMANDER SMOOTH COLLECTION

Unit 4. Multimedia Element: Text. Introduction to Multimedia Semester 2

ABOUT RESEARCH POSTERS

Bold U S E R S G U I D E

Marketing Guidelines. Parallels International GmbH. All rights reserved. Terms of Use Privacy Policy

RMX. Font Remix Tools FOR GLYPHS. Handbook

REIF. Presentation Guidelines

7 TyPOGrAPHiC DESiGn lesson overview

INTRODUCTION TO TYPOGRAPHY DESIGN

materials information guide

Chevin Pro. a type specimen. 1

HomeNet Automotive Visual Identity Guide

Fonts. Understanding problems and solutions

New Font Offerings: Cochineal, Nimbus15, LibertinusT1Math

BRAND GUIDELINES January 2017 leanconstruction.org

nèorapportpro 6.9 User Manual Mac OS / Windows Module for Adobe Photoshop July, 2013 Inèdit Software S.L.

Introduction to Multimedia. MMP100 Spring 2016 thiserichagan.com/mmp100

The Future of Web Typography

Introduction A global icon needs an iconic logo. Fashion has evolved since 1969, when Gap opened its first store. Our logo has changed with the

Create and edit text. Create the title text First you ll create the title text for the car rental ad.

Transcription:

INTRODUCING THE Transition family A TYPFACE DESIGNED BY JAN ERASMUS CIRCA 2006 INFORMATION GUIDE RELEASED AND DISTRIBUTED BY: Cybergraphics.bz ALSO DISTRIBUTED BY: Fonts.com Linotype.com ITC.com

Transition Transition TYPE SPECIMEN A F A M I L Y O F F O N T S D E S I G N E D B Y J A N E R A S M U S This motivation was set in Transition Family CYBERGRAPICS FONTS S P E C I M E N S H E E T B Y J A N E R A S M U S 2 0 1 0

TYPESET IN TRANSITION BOOK 21/AUTO DURING OCTOBER 2003, while I was on sabbatical from my graphic design studio, and teaching at the Department of Film and New Media, University of Cape Town, I started designing Transition. My idea was to create a typeface for film, screen and print use. I also intended to explore the transition from Neo-grotesque Sans to the Humanist Sans. I neither wanted to use an extreme mono-spaced, pixelbased font nor a Gray Cell Technology typeface (which draws the anti-aliasing as gray cells next to black ones when depicting the font). One of the first things I took into consideration was computer screen space which was at a premium and so very precious. Traditional book fonts are too wide and so use more screen space than viable. TYPESET IN TRANSITION BOOK 11/AUTO PT Computer monitors present a whole set of restraints for type design. The most important of these is that monitors display images via a square grid of pixels. Everything we see on the screen is actually made up of only horizontal and vertical lines, and this includes the curved or sloped lines of a pictureface. Fonts which look great on paper often look terrible on the screen, and visa versa. Anti-aliasing in Flash works well for large sizes, in fact so well that one can usually use anti-aliasing for big sizes wherever possible, even now that computer monitors are of such high resolution. However, for small font sizes anti-aliasing is not a good thing, because the blurring of the edges causes blurring of the lines, making it difficult to distinguish the letters. Italic type is almost always even less readable than non-italic text of the same size. Serifs also lose their definition and end up cluttering and clogging the letters. Legibility of a font designed for screen display can be increased by avoiding contrast. Therefore I sketched a low-contrast, condensed, sans-serif font with a relatively narrow character width and a slightly smaller x height. Transition sets approximately 10% narrower than Helvetica. Arial was not an appropriate historical model for me because it has never been adapted for today s digital use, had no rhythm or contrast, which comes from handwriting, but simply cloned off Helvetica. As I continued my experimentation for Transition, it became necessary to thicken the strokes to a medium weight. Thin letters broke up in multi-media applications and were hard to read when displayed against a white background. I decided to draw on human hand-written script and clean engineered detail for the font. This idea partly reflected how I experienced the Cape, the changes in South Africa, and the contrast of extreme wealth and poverty existing side by side. These became the core conceptual bases for the expression in the font. Macintosh System Requirements: OpenType CFF (PostScript outlines) and TTF (TrueType outlines): Mac OS 8.6, Mac OS X, or higher. Windows System Requirements: OpenType CFF (PostScript outlines) and TTF (TrueType outlines): Microsoft Windows 8 & 7, Vista, XP, 2000, NT4, ME, 98, or 95 OpenType features includes: Ligatures, Discretionary Ligatures, Small Capitals, Proportional Lining Figures, Tabular Lining Figures, Proportional Oldstyle Figures, Tabula Oldstyle Figures, Superior and Inferior Figures, Fractions, Ordinals and Zero slash. Prices Single Roman fonts: US$39.oo each Bundle of Regular & RegularItalic: US$49.oo Bundle of Bold & BoldItalic: US$49.oo Compete family: US$99.oo All prices are without 14% VAT if applicable.

uvw Ω πµ ¼ 1/2 3/4 % _- ' ".,:;

uvw Ω πµ ¼ 1/2 3/4 % _- ' ".,:;

uvw Ω πµ ¼ 1/2 3/4 % _ - ' ".,:;

uvw Ω πµ ¼ 1/2 3/4 % _ - ' ".,:;