Romain Goetz :


graphein (« écrire ») - poiein (créer, fabriquer)

Chartes Graphiques //30-06-2017

Chartes Graphiques

Une charte graphique est généralement définie comme un cahier des normes graphiques autour dʼune identité visuelle. Loin dʼêtre un document figé, cʼest avant tout un document de travail qui contient lʼensemble des règles fondamentales dʼutilisation des signes graphiques qui constituent lʼidentité graphique dʼune organisation, dʼun projet, dʼune entreprise, dʼun site Internet, etc.

Puisque pour apprendre, il faut aussi comprendre, jʼai accumulé au fil des années de nombreuses chartes graphiques qui me servent encore comme éléments dʼune culture de la conception. Toutes ont été trouvées sur Internet, aucune ne mʼa été confiée et nʼa, à ma connaissance, un statut confidentiel. Aujourdʼhui je partage avec vous ce répertoire de chartes graphiques afin dʼillustrer la diversité des possibles lors de la conception dʼune charte graphique. Il est là aussi pour conserver une trace des chartes quʼil mʼa été donné de voir ces dernières années.

Le projet est contributif, ouvert et très simple, nʼhésitez pas à mʼenvoyer vos liens vers des chartes afin de venir enrichir le contenu de ce site :)

Par ailleurs, je sais que le projet et le site sont vraiment perfectibles, nʼhésitez pas non plus si vous souhaitez y contribuer !

Si vous souhaitez échanger sur les réseaux sociaux, nʼhésitez pas à le faire via Twitter, Facebook ou sur Linkedin

Geoffrey Dorne / designer & fondateur de Design & Human


Design techniques - Area 17 //08-05-2017

Design techniques - Area 17

The Pixel School is a design methodology created by Arnaud Mercier (May 10, 1972 – September 26, 2011) and formalized by AREA 17. It is a defined way of working that has great impact on the final product. It consists of a set of design principles and the techniques to achieve them.

Disenchanted with the quality of design on the web, Arnaud created the Pixel School in 1999. It became a cornerstone of his design process and the predominant characteristic of his influential body of work. In 2005, Arnaud established the Pixel School as AREA 17’s design methodology. Later, it was formalized in collaboration with Kemp Attwood, David Lamothe and Martin Rettenbacher.

The Pixel School is a living document, updated as we refine our design approach and process. It is part of a series of guides that define how we do things as an agency. While all other guides are private, we have made the Pixel School available to the public.


Forward Festival //07-06-2017

Forward Festival

Forward Festival for creativity, design and communication brings together the best international and local creative heads, who provide insights into their success stories in an exciting atmosphere.
The conference, the centerpiece of the festival is in English and accompanied by various side events, such as workshops, networking events and after parties. The festival takes place from 17 – 18 June 2017 at FREITAG F-actory in Zurich.



How to Write a Perfect Error Message //13-08-2017

How to Write a Perfect Error Message

Every system can’t work without errors. It can be user’s errors or system’s fails. In both cases, it’s very important to handle errors in a right way as they are crucial for a good user experience.
Here are 3 vital parts of every good error message:

  • Clear text message.
  • Right placement.
  • Good visual design.



Html Symbols //05-06-2017

Html Symbols

HTML Punctuation Symbols, Punctuation Entities and ASCII Character Code Reference

Easily find character codes for the HTML # sign, HTML @ symbol (at symbol), HTML percent sign, HTML ampersand (& HTML code), HTML copyright symbol and HTML caret insertion point, along with regular punctuation like the question mark, exclamation point, non-breaking hyphen, non-breaking space and more.



Let’s talk about margins //31-07-2017

Let’s talk about margins

We’re making a book.
The margins are important.
Do you know how important?

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 must answer to the page. The two together — page and textblock — produce an antiphonal geometry. That geometry alone can bond the reader to the book.



Optical Effects in User Interfaces //17-09-2017

Optical Effects in User Interfaces

How to make optically balanced icons, correct shapes alignment, and perfect corner rounding. Over 50 pics included.

Our eyes are weird organs that often are telling lies to us. But if you know the peculiarities of human visual perception, you can build more approachable and clean designs. Not only do type designers utilize optical tricks for creating readable and well-balanced fonts, but it’s also helpful for interface designers, who build user-machine communication.

  • Slava Shestopalov — source.


Savate - Spécimen //10-05-2017

Savate - Spécimen Savate - Spécimen Savate - Spécimen

Savate is a typeface freely inspired by a hand-lettering found in the streets of Ivry-sur-Seine in the suburbs of Paris. Its name refers to the savate, a typically french fighting sport. Its character set is quite complete, with an italic and a wide language support.

Visuals 1• : Daniél Niederkofler
Daniél Niederkofler Graphic Design | Illustration

Visual 2• :


#coffe is the color //04-06-2017

#coffe is the color

What real words are actually valid CSS HEX colors? Parsing an English dictionary for entries containing only the letters ABCDEF and limiting the result to words of exactly 6 or 3 letters length (#FFFFFF or #FFF) gives us some interesting results. Use STRICT to limit the list to 100% valid HEX words as opposed to the default output which contains 0157 disguised as OIST (limited/ intuitive 1337). This interface uses #coffee, #teases and #facade, the latter because #faeces rendered a tad too pale. You should listen to this while browsing the colors. Mouseclick copies the HEX code to clipboard.



Design Matter //08-05-2017

Design Matter

The world’s first podcast about design and an inquiry into the broader world of creative culture through wide-ranging conversations with designers, writers, artists, curators, musicians, and other luminaries of contemporary thought / 281 Episodes Available


Montvalent Festival //17-09-2017

Montvalent Festival Montvalent Festival Montvalent Festival

Identité du festival d'art contemporain de Montvalent - Par Atelier Choque le Goffsource


Slanted - Helsinky - Interview //09-05-2017

Slanted - Helsinky - Interview

Helsinki: Video interviews

In the summer of 2016 the Slanted editors embarked on their trip to Helsinki to take a close-up look at the contemporary design scene there. What they found was a rich creative community with a deeply rooted culture – people who do much more than just love design, they live it. The list of designers Slanted met with boasts everyone from legends such as Erik Bruun to young, wild creatives who are creating exciting voices in their own right. Well known figures from Helsinki’s contemporary design scene such as Jesse Auersalo, Bond Agency, Double Happiness, GRMMXI, Helsinki Type Studio, Kokoro & Moi, Kuudes, Linda Linko, Martin Martonen, N2, Tino Nyman, Prakt Design Agency, Schick Toikka, Tsto, and Werklig allowed a glimpse into their world. Not only can you find their brilliant works in the new issue, Slanted also provides a deeper look at their opinions and views through video interviews that can be watched online on our video platform for free!


To Make a Book, Walk on a Book //31-07-2017

To Make a Book, Walk on a Book

On the making “Koya Bound”: A book of photographs from the Kumano Kodo pilgrimage walk in Japan.

When making a book, I find it’s useful to walk on the book. To peek over it and look for patterns, shuffle pages, grouping and ungrouping the loose sheets. Walls work too — a book can be made on a wall. But floors are easier. And there’s something joyful about the tip-toe dance you do across a room when it is filled by a book.



Cooper Hewit //09-05-2017

Cooper Hewit

The Cooper Hewitt typeface is a contemporary sans serif, with characters composed of modified-geometric curves and arches. Initially commissioned by Pentagram to evolve his Polaris Condensed typeface, Chester Jenkins created a new digital form to support the newly transformed museum. 
“Developing this typeface specifically for Cooper Hewitt has been enormously gratifying,” said Jenkins. “Instead of building on the Polaris structures, I drew everything from scratch, using the existing forms as a rough guide for letter widths and master-stroke thicknesses.”

The font can be downloaded free of charge for unrestricted public use under the SIL Open Font License.


Grilli Type //08-05-2017

Grilli Type

Grilli Type is an independent Swiss type foundry. We offer original retail and custom typefaces. High quality products with a contemporary aesthetic in the Swiss tradition. This tradition is reflected in both the visual and technical standards of our fonts and service.


How to Work with Skills You Don’t Have (Yet) //17-09-2017

How to Work with Skills You Don’t Have (Yet)

Get yourself a network, baby! Nope, this is not about throwing your letterpress business cards into everybody’s faces. Even though they come with edge coloring and 460-gram cotton paper.
Instead, I write about my experience of outsourcing work in my production process, and why that takes your freelance work to another level.
1. Designers think and learn in networks — why shouldn’t they work in one?
2. Networks help you to increase the quality of the product you’re delivering.
3. Networks help you to become a more versatile designer.
4. Clients will value your network’s services.
5. As a networker, you learn to share and negotiate.
6. Great! Why haven’t I started already?



XYZ Type - interview //31-07-2017

XYZ Type - interview

Starting Your Own Type Foundry

We talk to Jesse Ragan and Ben Kiel about starting their new type foundry XYZ Type.

Ben and Jesse both have distinguished careers working in house with the likes House Industries, Hoefler & Frere-Jones. Having found complementary skills in each other, they have now decided to take the leap and strike out on their own. We discuss their new venture, their considerations before taking the plunge and the skills it takes to start a new foundry.



Riot Gent //08-05-2017

Riot Gent

RIOT is a new gallery and bookshop in Ghent (Belgium) initiated by the founders of Art Paper Editions (APE) focussing on new and emerging artists.
The bookshop represents the top level of international independent art publishers: Art Paper Editions (APE), Spector Books, Roma Publications, Sternberg Press, Fw: Books, Nieves, Libraryman, Karma, 4478zine, RolloPress, Occasional Papers, Valiz, Mousse, Edition Patrick Frey, RVB books Bedford Press, Self Publish Be Happy, Dashwood books, Kodoji Press, Bom Dia Boa Tarde Boa Noite, Centerfold Editions, Dent De Leone, Inventory press, New Documents and many others. RIOT also offers a wide range of editions.
RIOT gallery is available for rent for events (parties, launches, etc.). Please request our prices by mail.

18 //08-05-2017

Jung-Lee Type Foundry is based in Amsterdam, the Netherlands started from a collaborative type project Jungka between Karel Martens and Jungmyung Lee.
Jungmyung Lee is an independent graphic/type designer whose work is extended to a project-based performance.


Rudy Guedj //08-05-2017

Rudy Guedj

Graphic designer and illustrator based in Amsterdam. Often uses drawing as a tool to generate typographical, architectural or abstracted signs, and explore various narrative structures. Works on commissioned and autonomous projects in the range of book design, exhibition design, animation, installations.