Systems, Mistakes, and the Sea An Article by Robin Rendle www.robinrendle.com Every paper cut is felt The design systems between us
Thanks Doc An Article by Robin Rendle & Craig Mod www.robinrendle.com A couple of months back, Craig mentioned in a video that he has a doc filled to the brim with snippets of text—nice words, compliments, and thanks that had been sent his way for his work. Whenever someone says something nice he just copy/pastes it into that doc. It sounds silly at first and perhaps a little egotistical. Behold! I have a document that proves how great I am! But I started doing it just to see what it feels like and…hey…actually? It’s so great! When I’m feeling low (often) or whenever the world feels unstable (extremely often) it’s so very nice to return to a few kind words about my work. It reminds me just how much these words of praise mean, it reminds me that I ought to pass that favor along. Good Things happinessworkfriendship
An incoherent rant about design systems An Article by Robin Rendle www.robinrendle.com No matter how fancy your Figma file is or how beautiful and lovingly well organized that Storybook documentation is; the front-end is always your source of truth. You can hate it as much as you like—all those weird buttons, variables, inaccessible form inputs—but that right there is your design system. ...being honest about this is the first step to fixing it. uxcode
Care for the Text An Article by Robin Rendle css-tricks.com Whenever 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. detailstypographycontent
Re: Pointing at things An Article by Robin Rendle www.robinrendle.com I think I’ve been darting around this question for a while now: ...I think we’ve all been taught to write in a style that forgets the reader entirely. My English degree taught me, incentivized me in fact, to write poorly with this sort of obfuscatory language, “nevertheless...”, “in this essay I will set out to...” etc. All that stuff is me pointing at me, pointing at a thing. But we should just get out of the way of the thing we’re pointing at! Pointing at things writing
Planning doesn't make for better software A Fragment by Robin Rendle www.robinrendle.com My own time in a Silicon Valley startup has proved this much to be true; planning doesn’t make for better software. In fact today our design systems team doesn’t have sprints, we don’t have tickets or a daily standup. Each day we come to work, figure out what’s the most important thing that we could be doing, and then we—gasp!—actually do it. Watching so many other teams slowly flail about whilst they plan for quarter 3.2 of subplan A, whilst our team produces more work in a week than they all do combined in a quarter has been shocking to me. After four years of working in a large startup, I know what I always assumed was true: you don’t need a plan to make a beautiful thing. You really don’t. In fact, there’s a point where overplanning can be a signal of inexperience and fear and bullshit. The scrum board and the sprints and the inane meetings each and every day are not how you build another Super Mario 64. Instead all you have to do is hire smart people, trust them to do their best work, and then get the hell out of their way. Why Software is Slow and Shitty planningsoftwareagile
Who the fuck is Guy Debord? An Article by Robin Rendle www.robinrendle.com Long, unwieldy sentencesImagining her PsychogeographySuch tortuous syntax writingsimplicity
Every Website is an Essay An Article by Robin Rendle css-tricks.com "Every website that’s made me oooo and aaahhh lately has been of a special kind; they’re written and designed like essays. There’s an argument, a playfulness in the way that they’re not so much selling me something as they are trying to convince me of the thing. They use words and type and color in a way that makes me sit up and listen. And I think that framing our work in this way lets us web designers explore exciting new possibilities. Instead of throwing a big carousel on the page and being done with it, thinking about making a website like an essay encourages us to focus on the tough questions. We need an introduction, we need to provide evidence for our statements, we need a conclusion, etc. This way we don’t have to get so caught up in the same old patterns that we’ve tried again and again in our work. And by treating web design like an essay, we can be weird with the design. We can establish a distinct voice and make it sound like an honest-to-goodness human being wrote it, too." writingwwwessays
Re: How would I improve RSS? An Article by Robin Rendle www.robinrendle.com I still believe in a Kindle/Analogue-esque device that, within it, contains an operating system that is half Patreon, half Substack, half Instapaper. I think of this as the Republic of Newsletters writ large—The OmniBlog—where writers can publish their work and folks can subscribe via RSS but with a Coil-esque payment system built in and preloaded onto a physical e-reader. Writers could blog away, connected to eachother, whilst readers could subscribe to their work and perhaps even fund larger pieces of writing... Shit, I just described Medium huh. How would I improve RSS? rssblogging
The Elements of Typographic Style A Book by Robert Bringhurst www.goodreads.com Leave the road when you wishTypography exists to honor contentTypographic styleA state of energetic reposeEvenness of color+10 More The utter nothingness of beingThe Elements of Style typography
Leave the road when you wish The subject of this book is not typographic solitude, but the old, well-traveled roads at the core of the tradition: paths that each of us is free to follow or not, and to enter and leave when we choose – if only we know the paths are there and have a sense of where they lead. That freedom is denied us if the tradition is concealed or left for dead. Originality is everywhere, but much originality is blocked if the way back to earlier discoveries is cut or overgrown. If you use this book as a guide, by all means leave the road when you wish. That is precisely the use of a road: to reach individually chosen points of departure. By all means break the rules, and break them beautifully, deliberately and well. That is one of the ends for which they exist. creativity
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. timestyletypography
Typographic style Literary style, says Walter Benjamin, “is the power to move freely in the length and breadth of linguistic thinking without slipping into banality.” Typographic style, in this large and intelligence sense of the word, does not mean any particular style – my style or your style, or Neoclassical or Baroque style – but the power to move freely through the whole domain of typography, and to function at every step in a way that is graceful and vital instead of banal. style
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. The inner nature of material typography
Evenness of color The density of texture in a written or typeset page is called its color. Once the demands of legibility and logical order are satisfied, evenness of color is the typographer’s normal aim. And color in the typographic sense depends upon four things: the design of the type, the spacing between the letters, the spacing between the words, and the spacing between the lines. None is independent of the others.
A single note The simplest scale is a single note, and sticking with a single note draws more attention to the other parameters, such as rhythm and inflection. The early Renaissance typographers set each book in a single font – that is, one face in one size. Their pages show what sensuous evenness of texture and variety of rhythm can be attained with a single font of type.
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. typography
An antiphonal geometry A book is a flexible mirror of the mind and body. Its overall size and proportions, the color and texture of the paper, the sound it makes as the pages turn, and the smell of the paper, adhesive and ink, all blend with the size and form and placement of the type to reveal a little about the world in which it was made. If the book appears to be only a paper machine, produced at their own convenience by other machines, only machines will want to read it. Sizing and spacing type, like composing and performing music or applying paint to canvas, is largely concerned with intervals and differences. The page is a piece of paper. It is also a visible and tangible proportion, silently sounding the thoroughbass of the book. On it lies the textblock, which much answer to the page. The two together – page and textblock – produce an antiphonal geometry. That geometry alone can bond the reader to the book. Or conversely, it can put the reader to sleep, or put the reader’s nerves on edge, or drive the reader away.
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. architecturetypography
A sterile sameness Another kind of random variation involves the interaction of the craftsman’s skill and the texture of materials. The letterforms of Griffo and Colines were cut with immense care. But the letters they cut were struck by hand in copper or brass, then cast and dressed and set by hand, inked by hand with handmade ink and printed by hand in a handmade wooden press on handmade paper. Every step along with way introduced small variations planned by no one. In the world of the finely honed machine, those human-scale textures are erased. A sterile sameness supervenes. The computer is, on the face of it, an ideal device for reviving the old luxury of random variations at the threshold of perception (quite a different thing from chaos). But conventional typesetting software and hardware focuses instead on the unsustainable ideal of absolute control – and has been hamstrung in the past by the idea of a single glyph per character. There have been several recent attempts to introduce a layer of random variation, but all have had to work against the grain of technological development. aestheticsflaws
Waiting to repay the gift of vision Like a forest or a garden or a field, an honest page of letters can absorb – and will repay – all the attention it is given. Much type now, however, is delivered to computer screens. It is a good deal harder to make text truly legible on screen than to render streaming video. Both fine technology and great restraint are required to make the screen as restful to the eyes as ordinary paper. The underlying problem is that the screen mimics the sky instead of the earth. It bombards the eye with light instead of waiting to repay the gift of vision – like the petals of a flower, or the face of a thinking animal, or a well-made typographic page. And we read the screen the way we read the sky: in quick sweeps, guessing at the weather from the changing shapes of clouds, or in magnified small bits, like astronomers studying details. We look to it for clues and revelations more than wisdom. This makes it an attractive place for the open storage of pulverized information – names, dates, or library call numbers, for instance – but not so good a place for thoughtful text. lightgardens
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. typography
Little by little Check every text you set to see where improvements can be made. Then return to the font and make them. Little by little, you and the instrument – the font, that is – will fuse, and the type you set will start to sing. Remember, though, this process never ends. There is no such thing as the perfect font. repair
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. typography
Not as a star But I’m warning you, this is my last existence. Not as a swallow, not as a maple, not as a cat-tail and not as a star. Anna Akhmatova deathzen