Typography
Stacklists
Sentences and words do not exist by themselves
Sentences and words do not exist by themselves, but have natural, inevitable, unavoidable interactions with their surrounding spaces, words, and other sentences. Sentences are not independent of their spatial context, and interactions can create meanings and harms. Sentences survive content-indifferent and content-hostile spacings, but surviving is not thriving. Text space should not be owned and governed by generic productions grids, which make for convenient production but inconvenient meaning. Space can and should be content-responsive, actively contributing to meaning – forever practices in poetry, maps, math, computer code, comics, theater/movie scrips, posters. Subtle visual spacing differentiates and clarifies sentences, and meaning becomes more consequential, memorable, retrievable.
Central-axis text
Central-axis provides a clear signal of the next line, so that readers and speakers don't have to search on the left margin, sometimes accidentally skipping down a line. Ragged-left typography is used for dialogue in novels and scripts. In central-axis, each line is activated at both left and right margins – unlike squared-off conventional text. Readers/speakers are aware of the length of the next line at both its beginning and end. That knowledge may also help readers detect the pace and rhythm of the words, as in reading poetry aloud.
The pernicious issue with pangrams
The far more pernicious issue with pangrams, as a means for evaluating typefaces, is how poorly they portray what text actually looks like. Every language has a natural distribution of letters, from most to least common, English famously beginning with the
E
that accounts for one eighth of what we read, and ending with theZ
that appears just once every 1,111 letters. Letter frequencies differ by language and by era — theJ
is ten times more popular in Dutch than English; biblical English unduly favors theH
thanks to archaisms like thou and sayeth — but no language behaves the way pangrams do, with their forced distribution of exotics. Seven of the most visually awkward letters, theW
,Y
,V
,K
,X
,J
, andZ
, are among the nine rarest in English, but pangrams force them into every sentence, guaranteeing that every paragraph will be riddled with holes. A typeface designer certainly can’t avoid accounting for these unruly characters, but there’s no reason that they should be disproportionately represented when evaluating how a typeface will perform.To abandon control
In print the designer is god. An enormous industry has emerged from WYSIWYG, and many of the web’s designers are grounded in the beliefs and practices, the ritual of that medium. As designers we need to rethink this role, to abandon control, and seek a new relationship with the page.
The control which designers know in the print medium, and often desire in the web medium, is simply a function of the limitation of the printed page. We should embrace the fact that the web doesn’t have the same constraints, and design for this flexibility. But first, we must “accept the ebb and flow of things.”
Typographic grid
Just one of many examples of beautiful typography and layout throughout the book. Love the page design.
A state of energetic repose
Read the text before designing it.
Discover the outer logic of the typography in the inner logic of the text.
Make the visible relationship between the text and other elements (photographs, captions, tables, diagrams, notes) a reflection of their real relationship.
Give full typographic attention even to incidental details.
Invite the reader into the text.
Reveal the tenor and meaning of the text.
Clarify the structure and the order of the text.
Link the text with other existing elements.Induce a state of energetic repose, which is the ideal condition for reading.
Simple forms
The concept that “the simpler the form of a letter the simpler its reading” was an obsession of beginning constructivism. It became something like a dogma, and is still followed by “modernistic” typographers.
This notion has proved to be wrong, because in reading we do not read letters but words, words as a whole, as a “word picture.” Ophthalmology has disclosed that the more the letters are differentiated from each other, the easier is the reading.
Without going into comparisons and the details, it should be realized that words consisting of only capital letters present the most difficult reading—because of their equal height, equal volume, and, with most, their equal width. When comparing serif letters with sans-serif, the latter provide an uneasy reading. The fashionable preference for sans-serif in text shows neither historical nor practical competence.
Typography exists to honor content
In a world rife with unsolicited messages, typography must often draw attention to itself before it will be read. Yet in order to be read, it must relinquish the attention it has drawn. Typography with anything to say therefore aspired to a kind of statuesque transparency. Its other traditional goal is durability: not immunity to change, but a clear superiority to fashion. Typography at its best is a visual form of language linking timelessness and time.
The higher courts
Refer typographic disputes to the higher courts of speech and thinking.
Type is idealized writing, and its normal function is to record idealized speech. Acronyms such as CD and TV or USA and UFO are set in caps because that is the way we pronounce them. Acronyms such as UNESCO, ASCII, and FORTRAN, which are pronounced not as letters but as words, are in the process of becoming precisely that. When a writer accepts them fully into her speech and urges readers to do likewise, it is time for the typographer to accept them into the common speech of typography by setting them in lower case. Other acronymic words, such as laser and radar, have long since traveled the same road.
Pure but silent
Architects build perfectly proportioned kitchens, living rooms and bedrooms in which their clients will make, among other things, a mess. Typographers likewise build perfectly proportioned pages, then distort them on demand. The text takes precedence over the purity of the design, and the typographic texture of the text takes precedence over the absolute proportions of the pure but silent page.
An end in itself
Typography, like language, is more important to me for what it allows to happen than for anything it accomplishes on its own. I hope that in writing a book on the subject I have not given the impression that either typography or design is an end in itself.
Respect
Respect the text first of all, the letterforms second, the type designer third, the foundry fourth.
The needs of the text should take precedence over the layout of the font, the integrity of the letterforms over the ego of the designer, the artistic sensibility of the designer over the foundry’s desire for profit, and the founder’s craft over a good deal else.
A gradual refinement
The steel rail is an artifact whose form has been carefully optimized. This gradual refinement of the design was done not by a single brilliant engineer but by more than a century of industrial evolution. The rail was never meant to be an object of beauty, but its cross section has all the elegance of fine typography.
The Elements of Typographic Style
A Book by Robert BringhurstTo Make a Book, Walk on a Book
An Essay by Craig ModThe ability of the physical world — a floor, a wall — to act as a screen of near infinite resolution becomes more powerful the more time we spend heads-down in our handheld computers, screens the size of palms. In fact, it’s almost impossible to see the visual patterns — the inherent adjacencies — of a physical book unless you deconstruct it and splay it out on the floor.
Web Design is 95% Typography
An Article by Oliver Reichenstein95% of the information on the web is written language. It is only logical to say that a web designer should get good training in the main discipline of shaping written information, in other words: Typography.
What of the lowly page number
An Article by Marlon J. EttingerStatement of intent, chronological guidepost, or cheap trick to inflate the length of a text, page number placement is anything but an afterthought. Behind these innocuous and overlooked symbols, I found many stories to be told.
Care for the Text
An Article by Robin RendleWhenever I’m stuck pondering the question: "How do I make this website better?" I know the answer is always this: Care for the text.
Without great writing, a website is harder to read, extremely difficult to navigate, and impossible to remember. Without great writing, it’s hardly a website at all. But it’s tough to remember this day in and day out—especially when it’s not our job to care about the text—yet each and every <p> tag and <button> element is an opportunity for great writing. It’s a moment to inject some humor or add a considerate note that helps people.
…These are the details that make a good website great.
In search of visual texture
An Article by Rachel PruddenI’m now more inclined to attribute Looseleaf’s power to its visual texture than to some cognitive media-style abstraction. And the visual texture owes more to the beauty (yes, beauty!) of the original pdfs from the Vasulka Archive. Perhaps the demo is best understood not as a prototype generic tool, but as a specific curated experience in its own right, with form and content claiming equal importance in its overall success.
Even so, I think there are some general lessons that can be drawn from this demo:
- Content is not inert
- Visual texture lets content breathe
- Visual texture lets the eye wander without losing itself
Chartwell
A FontThis set of tools for easily creating graphs is conveniently disguised as a set of fonts. OpenType features are used to interpret and visualize the data. The data remains as editable text, allowing for painless updates.
Whomst styles?
An Article by Robin SloanThis is a “whostyle”: an attempt to carry the ~timbre~ of an author’s voice, in the form of their design sensibility, through into a quotation. It’s the author who defines their whostyle; the quoting site just honors it, a frame around their words.
I think the whostyle makes a few arguments. Among them:
- Text is more than a string of character codes. Its design matters, typography and layout alike; these things support (or subvert!) its affect, argument, and more.
- The web should be more colorful and chaotic, along nearly every dimension. The past five years have brought a flood of new capabilities, hugely expressive — let’s use them!
- Quoting is touchy, and anything you can do to cushion it with respect and hospitality is a plus.
Unicode Arrows
A Fragment by Rachel Binx↬ welcome to the best part of the unicode spec ↫
APL386 Unicode
A Font by Adám BrudzewskyAPL font based on Adrian Smith's APL385 font with a fun, whimsical look, inspired by Comic Sans Serif.
APL (named after the book A Programming Language) is a programming language developed in the 1960s by Kenneth E. Iverson. Its central datatype is the multidimensional array. It uses a large range of special graphic symbols to represent most functions and operators, leading to very concise code. It has been an important influence on the development of concept modeling, spreadsheets, functional programming, and computer math packages. It has also inspired several other programming languages.
The Timeless Way of Building
- Mind of no mind
- The quality without a name
- An objective matter
- Bitterness
- The most precious thing we ever have
Mind of no mind
To you, mind of no mind, in whom the timeless way was born.
The quality without a name
There is a central quality which is the root criterion of life and spirit in a man, a town, a building, or a wilderness. This quality is objective and precise, but it cannot be named.
There are words we use to describe this quality:
alive
whole
comfortable
free
exact
egoless
eternalBut in spite of every effort to give this quality a name, there is no single name which captures it.
An objective matter
We have been taught that there is no objective difference between good buildings and bad, good towns and bad.
The fact is that the difference between a good building and a bad building, between a good town and a bad town, is an objective matter. It is the difference between health and sickness, wholeness and divided ness, self-maintenance and self-destruction. In a world which is healthy, whole, alive, and self-maintaining, people themselves can be alive and self-creating. In a world which is unwholesome and self-destroying, people cannot be alive: they will inevitably themselves be self-destroying, and miserable.
Bitterness
The quality which has no name includes these simpler, sweeter qualities. But it is so ordinary as well, that it somehow reminds us of the passing of our own life.
It is a slightly bitter quality.
The most precious thing we ever have
In our lives, this quality without a name is the most precious thing we ever have.
And I am free to the extent I have this quality in me.
When our forces are resolved
When a person’s forces are resolved, it makes us feel at home, because we know, by some sixth sense, that there are not other unexpected forces lurking underground. He acts according to the nature of the situations he is in, without distorting them. There are no guiding images in his behavior, no hidden forces; he is simply free. And so, we feel relaxed and peaceful in his company.
Each of us knows from experience the feeling which this quality creates in us.
And for this reason, each one of us can also recognize this quality when it occurs in buildings.
Patterns of life
If I consider my life honestly, I see that it is governed by a certain very small number of patterns of events which I take part in over and over again.
Being in bed, having a shower, having breakfast in the kitchen, sitting in my study writing, walking in the garden, cooking and eating our common lunch at my office with my friends, going to the movies, taking my family to eat at a restaurant, having a drink at a friend’s house, driving on the freeway, going to bed again. There are a few more.
There are surprisingly few of these patterns of events in any one person’s way of life, perhaps no more than a dozen.
When I see how few of them there are, I begin to understand what huge effect these few patterns have on my life, on my capacity to live. If these few patterns are good for me, I can live well. If they are bad for me, I can’t.
Fabric
And finally, the things which seem like elements dissolve, and leave a fabric of relationships behind, which is the stuff that actually repeats itself, and gives the structure to a building or a town.
They are the atoms of our man-made universe
Further, each pattern in the space has a pattern of events associated with it. We realize then that it is just the patterns of events in space which are repeating, and nothing else. Nothing of any importance happens in a building or a town except what is defined within the patterns which repeat themselves.
Each building gets its character from just the patterns which keep on repeating there.
Each neighborhood is defined, too, in everything that matters, by the patterns which keep on repeating there.
Forces of conflict
A pattern which prevents us from resolving our conflicting forces leaves us almost perpetually in a state of tension.
For, if we live in a world where work is separated from family life, or where courtyards turn us away, or where windows are merely holes in the wall, we experience the stress of these inner and conflicting forces constantly. We can never come to rest. We are living then, in a world so made, so patterned, that we cannot, by any stratagem, defeat the tension, solve the problem, or resolve the conflict. In this kind of world the conflicts do not go away. They stay within us, nagging, tense…The build-up of stress, however minor, stays within us. We live in a state of heightened alertness, higher stress, more adrenaline, all the time.
The multiplicity of living patterns
The more living patterns there are in a thing—a room, a building, or a town—the more it comes to life as an entirety, the more it glows, the more it has this self-maintaining fire, which is the quality without a name.
To fly past each other
In our own lives, we have the quality without a name when we are most intense, most happy, most wholehearted.
This comes about when we allow the forces we experience to run freely in us, to fly past each other, when we are able to allow our forces to escape the locked-in conflict which oppresses us.
But this freedom, this limpidity, occurs in us most easily when we are in a world whose patterns also let their forces loose. Just as we are free when our own forces run most freely within us, so the places we are in are also free when their own forces themselves run free, and are themselves resolved.
The quality without a name in us, our liveliness, our thirst for life, depends directly on the patterns in the world, and the extent to which they have this quality themselves.
Patterns which live, release this quality in us.
But they release this quality in us, essentially because they have it in themselves.When a building has this fire
And when a building has this fire, then it becomes a part of nature. Like ocean waves, or blades of grass, its parts are governed by the endless play of repetition and variety, created in the presence of the fact that all things pass. This is the quality itself.
Modularity
One of the most pervasive features of these buildings is the fact that they are “modular.” They are full of identical concrete blocks, identical rooms, identical houses, identical apartments in identical apartment buildings. The idea that a building can - and ought - to be made of modular units is one of the most pervasive assumptions of twentieth-century architecture.
Nature is never modular. Nature is full of almost similar units (waves, raindrops, blades of grass) - but though the units of one kind are all alike in their broad structure, no two are ever alike in detail.
The same broad features keep recurring over and over again. And yet, in their detailed appearance these broad features are never twice the same.
It is going to pass
The character of nature can’t arise without the presence and the consciousness of death.
When we make our own attempt to create nature in the world around us, and succeed, we cannot escape the fact that we are going to die. This quality, when it is reached, in human things, is always sad; it makes us sad; and we can even say that any place where a man tries to make the quality, and be like nature, cannot be true, unless we can feel the slight presence of this haunting sadness there, because we know at the same time we enjoy it, that it is going to pass.
The gate
To reach the quality without a name we must build a living pattern language as a gate.
The patience of a craftsman
Here there is no mastery of unnameable creative processes, only the patience of a craftsman, chipping away slowly; the mastery of what is made does not lie in the depths of some impenetrable ego; it lies, instead, in the simple mastery of the steps in the process, and in the definition of these steps.
An infinite variety
The people can shape buildings for themselves, and have done it for centuries, by using languages which I call pattern languages. A pattern language gives each person who uses it, the power to create an infinite variety of new and unique buildings, just as his ordinary language gives him the power to create an infinite variety of sentences.
Each pattern is a rule
Each pattern is a rule which describes what you have to do to generate the entity which it defines. It is a three-part rule, which expresses a relation between a certain context, a problem, and a solution.
There is an imperative aspect to the pattern. The pattern solves a problem. It is not merely “a” pattern, which one might or might not use on a hillside. It is a desirable pattern; and for a person who wants to farm a hillside, and prevent it from erosion, he must create this pattern, in order to maintain a stable and healthy world. In this sense, the pattern not only tells him how to create the pattern of terracing, if he wants to; it also tells him that it is essential for him to do so, in certain particular contexts, and that he must create this pattern there.
It is in this sense that the system of patterns forms a language.
The network of connections
Each pattern depends both on the smaller patterns it contains, and on the larger patterns within which is is contained. Each pattern sits at the center of a network of connections which connect it to certain other patterns that help to complete it. It is the network of these connections between patterns which creates the language.
The grammar of the language
An ordinary language like English is a system which allows us to create an infinite variety of one-dimensional combinations of words, called sentences. A pattern language is a system which allows its users to create an infinite variety of those three-dimensional combinations of patterns which we call buildings, gardens, towns.
It tells us which arrangements of words are legitimate sentences, in a given situation, and which are not. And, furthermore, which arrangements of words make sense in any given situation, and which ones don’t. It narrows down the total possible arrangements of words which would make sense in any given situation.
Second, it actually gives us a system which allows us to produce these sentences which make sense. So, it not only defined the sentences which make sense in a given situation; it also gives us the apparatus we need to create these sentences. It is, in other words, a generative system, which allows us to generate sentences that are appropriate to any given situation.
Rules of thumb
Of course, these patterns do not come only from the work of architects or planners.
Architects are responsible for no more than perhaps 5 percent of all the buildings in the world. Most buildings, streets, shops, offices, rooms, kitchens, cafes, factories, gas stations, freeways, bridges… which give the world its form, come from an entirely different source.
They come from the work of thousands of different people. Each of them builds by following some rules of thumb. And all these rules of thumb - or patterns - are part of larger systems which are languages. Every person has a pattern language in his mind. This is true of any great creative artist, as of the humblest builder.
At the moment when a person is faced with an act of design, he does not have time to think about it from scratch. Even when a person seems to “go back to the basic problem,” he is still always combining patterns that are already in his mind.
It is only because a person has a pattern language in his mind, that he can be creative when he builds. The rules of English make you creative because they save you from having to bother with meaningless combinations of words. A pattern language does the same.
Ordinariness
We have a habit of thinking that the deepest insights, the most mystical, and spiritual insights, are somehow less ordinary than most things - that they are extraordinary.
In fact, the opposite is true: the most mystical, most religious, most wonderful – these are not less ordinary than most things – they are more ordinary than most things. And it is because they are so ordinary, indeed, that they strike to the core.
A genetic process
The mere use of pattern languages alone does not ensure that people can make places live.
The fact is, that the creation of a town, and the creation of the individual buildings in a town, is fundamentally a genetic process. So long as the people of society are separated from the language which is being used to shape their buildings, the buildings cannot be alive.
Discovering patterns
In order to discover patterns which are alive we must always start with observation.
Try to discover some property which is common to all the solutions which feel good, and missing from all the ones which don’t feel good.
Knowledge of the problem then helps shed light on the invariant which solves the problem.
Sometimes we find our way to this invariant by starting with a set of positive examples.
At other times, we may discover the invariant by starting from the negative examples, and resolving them.
Occasionally, we do not start from concrete observation at all, but build up the invariant by purely abstract argument.How things ought to be
It is hard to give up preconceptions of what things “ought to be,” and recognize things as they really are.
You must make the language first
It is the structure and content of the language which determine the design. The individual buildings which you make will live, or not, according to the depth and wholeness of the language which you use to make them with.
One you have it, this language is general. If it has the power to make a single building which lives, it can be used a thousand times, to make a thousand buildings live.
It must constantly be re-created
A language is a living language only when each person in society, or in the town, has his own version of this language.
To reach this deeper state, in which each person has a pattern language in his mind as an expression of his attitude to life, we cannot expect people just to copy patterns from a book. A living language must constantly be re-created in each person’s mind. As he modifies his language, and improves it, depends it, throughout his life - he does it, always, by creating, and improving rules which he invents.
Once people share a language in this way, the language will begin evolving of its own accord. The language will evolve, because it can evolve piecemeal, one pattern at a time. As people exchange ideas about the environment, and exchange patterns, the overall inventory of patterns in the pattern pool keeps changing.
Of course, this evolution will never end.
Repair
Within the larger language, it is impossible for any act not to help repair the larger whole. It is impossible for any act of building to remain an isolated act: it always becomes a portion of the flux of acts which is helping to maintain the whole.
Even the laying of a brick, to mend a wall, will not only be used to mend that wall, but will be used to help repair the seat, the terrace, or the fireplace which that wall helps to form.
The process of unfolding
The sequence of the patterns for a design - as generated by the language - is therefore the key to that design.
The process of unfolding goes step by step, one pattern at a time.
Chopped and disfigured
The details of a building cannot be made alive when they are made from modular parts
If the builder wants to build the room from modular four-foot panels, he must change the size of the rooms, and change their shape, to fit his panels.
In such a building system, it is impossible for a person to create a plan which reflects the larger subtleties of site or plan. Each plan will always be chopped and disfigured to make it fit the building details.
To make the building live, its patterns must be generated on the site, so that each one takes its own shape according to its context.
Until we leave the gate behind
And yet the timeless way is not complete, and will not fully generate the quality without a name, until we leave the gate behind.
Indeed this ageless character has nothing, in the end, to do with languages. The language, and the processes which stem from it, merely release the fundamental order which is native to us. They do not teach us, they only remind us of what we know already, and of what we shall discover time and time again, when we give up our ideas and opinions, and do exactly what emerges from ourselves.
At this final stage, the patterns are no longer important: the patterns have taught you to be receptive to what is real. It is the gate which leads you to the state of mind, in which you live so close to your own heart that you no longer need a language.
This is the final lesson of the timeless way.