{"id":67364,"date":"2021-03-11T02:22:15","date_gmt":"2021-03-11T00:22:15","guid":{"rendered":"https:\/\/www.grapheine.com\/graphic-design-en\/tutorial-grille-12-colonnes-illustrator"},"modified":"2023-06-30T09:51:56","modified_gmt":"2023-06-30T07:51:56","slug":"tutorial-grid-12-columns-illustrator","status":"publish","type":"post","link":"https:\/\/www.grapheine.com\/en\/graphic-design-en\/tutorial-grid-12-columns-illustrator","title":{"rendered":"Creating a layout grid in Illustrator"},"content":{"rendered":"

\"Grille<\/h2>\n

Here's a short tutorial on how to create a layout grid in Illustrator. Creating grids is relatively simple in Indesign, but not so in Illustrator. Here's a short tutorial, with a downloadable example file.<\/p>\n

A short history of the number 12!<\/h2>\n

Our goal is to build a 12-column modular grid.
\nLet's look at that number for a moment. The face of the world would probably have changed if we'd had twelve fingers!<\/p>\n

Instead of counting on ten fingers (decimal base), we would have counted in the much more practical duo-decimal base. 12 is an \"abundant\" number, since the sum of its integer divisors is greater than its double (1+2+3+4+6+12 = 28), while 10 is said to be \"deficient\" (1+2+5+10 = 18).<\/p>\n

The base 12 can be found, for example, in the division of hours<\/strong>, months<\/strong> and angles<\/strong> (cf: 12x30=360\u00b0). When it comes to page layout, 12 can be divided into 2, 3, 4 or 6, giving us a wide range of possibilities.<\/p>\n

Our ancestors knew this system from time immemorial, counting the phalanges of the hand while omitting those of the thumb (which is used to point to the phalanges of the other fingers). This is a highly practical technique for counting, since with two hands you can count units on one side and dozens on the other. So you can count up to 144 by hand for your game of hide-and-seek.<\/p>\n

\"Grille<\/h2>\n

Preamble<\/h2>\n

We agree that Indesign is much better suited to managing grids. However, we often start creating visual identities on paper, then move on to Illustrator (AI). Once the idea has been sketched out, we prototype the graphic universe in this software.<\/p>\n

Indeed, it's in AI that the main layout principles will be worked out, which will then have to be applied to both screens and paper. This is where having a good grid at the outset comes in handy. It saves time for the rest of the project and ensures consistency.<\/p>\n

Afterwards, other software (Indd, Ae, Xd...) specific to each media will take over.<\/p>\n

Create a modular grid
\nin illustrator<\/h2>\n

Let's start with a 210x297mm format.
\nWe will opt for a 3mm margin<\/strong> around the document.<\/p>\n

\u2022 Make sure rules<\/strong> are enabled (\u2318 + R) as well as commented markers<\/strong> (\u2318 + U).
\n\u2022 Find the center of the document, hold down the Option<\/strong> key and click. Enter the dimensions \"210mm-24pt\" and \"297mm-24pt\", equivalent to a 12pt gutter around the document. Click on OK
\n\u2022 Change rectangle color to #000 with 20% transparency.<\/p>\n

At this point, you should have a rectangle measuring 201.533 mm x 288.533 mm.<\/p>\n

Next, we will need to take into account our font size to calculate our line spacing. Let's assume we are working with a standard text size of 10 pt<\/strong>. Knowing that the most standard setting for line spacing is between 120% and 140%. That is, between 12pt and 14pt.<\/p>\n

\u2022 The height of the rectangle (288.533mm) is divided by the chosen line spacing. Let's choose 12pt (4.233mm), i.e. \"288.533 \/ 4.233 = 68.1627\". This gives us the number of lines that will fit on the page. However, we are going to prefer a multiple of 8, with the choice of 64 or 72. Let's go for 64<\/strong>, which will make the line spacing a little more airy.<\/p>\n

Now take the height of your rectangle (288.533 mm) and divide by 63 (64-1line) to get 4.5798<\/strong> mm (12.9821 pt). We will use this figure for line spacing and for our gutters. Note that the line spacing will be 129.821<\/strong>%.<\/p>\n

\u2022 Select the rectangle, then go to \"Object > Trace > Table\".
\nCheck the Preview box, but leave the \"markers\" box unchecked for the moment.
\nEnter the number of rows (8) and columns (4).
\nFill in the new 4.5798 mm gutter.
\nClick on OK<\/p>\n

\"\"<\/p>\n

Select all the boxes and group them together (\u2318 + G) for easy selection later. Return to Object > Trace > Table... and tick the Add guides box. Now click on OK.<\/p>\n

Create a new layer and name it \"Guides\".
\nSelect the guides and copy them to this layer. Using the white arrow, we will reduce these guides to A4 size.<\/p>\n

Turn the lines into guides via View > Guides > Create guides (\u2318 + 5).
\nLock the \"Guides\" layer.<\/p>\n

\"\"<\/p>\n

Creating the text grid<\/h2>\n

Create a new layer and name it \"Text grid\".
\nCreate a line through the upper grid. Give it a red line outline.<\/p>\n

Go to Effects > Distortion and transformation > Transformation
\nThe \"Preview\" checkbox must be selected.
\nWe now want to reproduce the line we have just created vertically at an offset of 4.5798 mm, with a number of copies of 63.
\nClick on OK<\/p>\n

\"\"<\/p>\n

Let's create text blocks in 10pt size with 4.5798 mm<\/strong> (12.9821pt) line spacing. With \"Text \/ Captive text option\", we can create columns with 4.5798 mm<\/strong> gutters. Then select \"Offset \/ 1st base line: Line spacing\", so that your text lines are aligned with the grid.<\/p>\n

\"Grid-design-system\"<\/p>\n

Enfin, nous allons rajouter un calque avec la grille de 12 colonnes. En proc\u00e9dant comme au d\u00e9but, en cr\u00e9ant un rectangle centr\u00e9 de 201.533 mm x 288.533 mm que nous allons diviser en 12 colonnes avec le menu \"Objet > Trac\u00e9 > Tableau\". Toujours avec nos goutti\u00e8res de 4,5798 mm.<\/strong><\/p>\n

\"Grille<\/p>\n

This brings us to the end of our illustrator grid.<\/p>\n

The final trick is to create an Illustrator symbol<\/strong> using this grid, and then add it to your AdobeCloud library so that you can use it in all future Illustrator documents.<\/p>\n

To do this, once you've created the symbol, drag it from the work plan to the AdobeCloud library.<\/p>\n

Now you can download the template<\/a> <\/strong>by clicking on the image below!<\/p>\n

\"\"<\/a><\/p>\n

Bonus: The A4 \u201cGolden Grid\u201d<\/h2>\n

As a bonus, you will find in the source file an example of a \"Golden Grid<\/a>\" (in A4 version, not in American Letter format!).
\nHere are other resources about this type of grid: Golden Ratio<\/a>.<\/p>\n

\"grille-nombre-or-mise-en-page\"<\/p>\n","protected":false},"excerpt":{"rendered":"

Tutorial on how to create a layout grid in Illustrator.<\/p>\n","protected":false},"author":55,"featured_media":48291,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"episode_type":"","audio_file":"","cover_image":"","cover_image_id":"","duration":"","filesize":"","date_recorded":"","explicit":"","block":"","itunes_episode_number":"","itunes_title":"","itunes_season_number":"","itunes_episode_type":"","filesize_raw":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[646],"tags":[10734,9646,10753,10754,10676],"class_list":["post-67364","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-graphic-design-en","tag-astucesdegraphistes-en","tag-graphisme-en","tag-grid-en","tag-grille-en","tag-illustrator-en"],"yoast_head":"\nCreating a layout grid in Illustrator - Graph\u00e9ine<\/title>\n<meta name=\"description\" content=\"Tutorial on how to create a layout grid in Illustrator.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.grapheine.com\/en\/graphic-design-en\/tutorial-grid-12-columns-illustrator\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Creating a layout grid in Illustrator\" \/>\n<meta property=\"og:description\" content=\"Tutorial on how to create a layout grid in Illustrator.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.grapheine.com\/en\/graphic-design-en\/tutorial-grid-12-columns-illustrator\" \/>\n<meta property=\"og:site_name\" content=\"Graph\u00e9ine - Agence de communication Paris Lyon\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/facebook.com\/grapheine\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/rabiot.mathias\" \/>\n<meta property=\"article:published_time\" content=\"2021-03-11T00:22:15+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-06-30T07:51:56+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.grapheine.com\/wp-content\/uploads\/2021\/03\/grid-frille-A4-12-colonnes-illustrator-gris.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2280\" \/>\n\t<meta property=\"og:image:height\" content=\"1410\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Mathias Rabiot\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@grapheine\" \/>\n<meta name=\"twitter:site\" content=\"@grapheine\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Mathias Rabiot\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.grapheine.com\/en\/graphic-design-en\/tutorial-grid-12-columns-illustrator#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.grapheine.com\/en\/graphic-design-en\/tutorial-grid-12-columns-illustrator\"},\"author\":{\"name\":\"Mathias Rabiot\",\"@id\":\"https:\/\/www.grapheine.com\/#\/schema\/person\/29e03c94d95f96b5f1d533e68a51aac9\"},\"headline\":\"Creating a layout grid in Illustrator\",\"datePublished\":\"2021-03-11T00:22:15+00:00\",\"dateModified\":\"2023-06-30T07:51:56+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.grapheine.com\/en\/graphic-design-en\/tutorial-grid-12-columns-illustrator\"},\"wordCount\":948,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\/\/www.grapheine.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.grapheine.com\/en\/graphic-design-en\/tutorial-grid-12-columns-illustrator#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.grapheine.com\/wp-content\/uploads\/2021\/03\/grid-frille-A4-12-colonnes-illustrator-gris.jpg\",\"keywords\":[\"astucesdegraphistes\",\"\u00c9DITION\",\"grid\",\"grille\",\"illustrator\"],\"articleSection\":[\"Insights on graphic design\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.grapheine.com\/en\/graphic-design-en\/tutorial-grid-12-columns-illustrator#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.grapheine.com\/en\/graphic-design-en\/tutorial-grid-12-columns-illustrator\",\"url\":\"https:\/\/www.grapheine.com\/en\/graphic-design-en\/tutorial-grid-12-columns-illustrator\",\"name\":\"Creating a layout grid in Illustrator - Graph\u00e9ine\",\"isPartOf\":{\"@id\":\"https:\/\/www.grapheine.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.grapheine.com\/en\/graphic-design-en\/tutorial-grid-12-columns-illustrator#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.grapheine.com\/en\/graphic-design-en\/tutorial-grid-12-columns-illustrator#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.grapheine.com\/wp-content\/uploads\/2021\/03\/grid-frille-A4-12-colonnes-illustrator-gris.jpg\",\"datePublished\":\"2021-03-11T00:22:15+00:00\",\"dateModified\":\"2023-06-30T07:51:56+00:00\",\"description\":\"Tutorial on how to create a layout grid in Illustrator.\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.grapheine.com\/en\/graphic-design-en\/tutorial-grid-12-columns-illustrator\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.grapheine.com\/en\/graphic-design-en\/tutorial-grid-12-columns-illustrator#primaryimage\",\"url\":\"https:\/\/www.grapheine.com\/wp-content\/uploads\/2021\/03\/grid-frille-A4-12-colonnes-illustrator-gris.jpg\",\"contentUrl\":\"https:\/\/www.grapheine.com\/wp-content\/uploads\/2021\/03\/grid-frille-A4-12-colonnes-illustrator-gris.jpg\",\"width\":2280,\"height\":1410,\"caption\":\"Grille illustrator tutorial\"},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.grapheine.com\/#website\",\"url\":\"https:\/\/www.grapheine.com\/\",\"name\":\"Graph\u00e9ine - Agence de communication Paris Lyon\",\"description\":\"Graph\u00e9ine is a branding agency in Paris and Lyon specializing in the creation of creative visual identities\",\"publisher\":{\"@id\":\"https:\/\/www.grapheine.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.grapheine.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.grapheine.com\/#organization\",\"name\":\"Graph\u00e9ine\",\"url\":\"https:\/\/www.grapheine.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.grapheine.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.grapheine.com\/wp-content\/uploads\/2014\/12\/pills-200px.gif\",\"contentUrl\":\"https:\/\/www.grapheine.com\/wp-content\/uploads\/2014\/12\/pills-200px.gif\",\"width\":200,\"height\":200,\"caption\":\"Graph\u00e9ine\"},\"image\":{\"@id\":\"https:\/\/www.grapheine.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/facebook.com\/grapheine\",\"https:\/\/x.com\/grapheine\",\"https:\/\/www.instagram.com\/grapheine_branding\",\"https:\/\/www.linkedin.com\/company\/grapheine\",\"https:\/\/www.pinterest.fr\/grapheine\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.grapheine.com\/#\/schema\/person\/29e03c94d95f96b5f1d533e68a51aac9\",\"name\":\"Mathias Rabiot\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.grapheine.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/80b4f9aa85683ac2013abcb10bc6c74c?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/80b4f9aa85683ac2013abcb10bc6c74c?s=96&d=mm&r=g\",\"caption\":\"Mathias Rabiot\"},\"description\":\"Passionn\u00e9 de design, j'ai co-fond\u00e9 l'agence Graph\u00e9ine en 2002 avec J\u00e9r\u00e9mie, mon complice de l\u2019\u00c9cole Duperr\u00e9. Humaniste, je crois en l\u2019\u00e9motion et aux valeurs v\u00e9hicul\u00e9es par un graphisme accessible, joyeux et \u00e9pur\u00e9. J'ai particip\u00e9 \u00e0 la r\u00e9daction de plus de 600 articles traitant de design et de culture visuelle sur le blog de l'agence. En particulier, la rubrique Histoire du Graphisme, o\u00f9 j'ai \u00e9crit une trentaine des biographies de grands noms du graphisme.\",\"sameAs\":[\"https:\/\/www.grapheine.com\",\"https:\/\/www.facebook.com\/rabiot.mathias\",\"https:\/\/www.linkedin.com\/in\/mathias-rabiot-014882160\",\"https:\/\/x.com\/grapheine\",\"https:\/\/fr.wikipedia.org\/wiki\/Graph\u00e9ine\"],\"url\":\"https:\/\/www.grapheine.com\/en\/author\/mathias\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Creating a layout grid in Illustrator - Graph\u00e9ine","description":"Tutorial on how to create a layout grid in Illustrator.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.grapheine.com\/en\/graphic-design-en\/tutorial-grid-12-columns-illustrator","og_locale":"en_US","og_type":"article","og_title":"Creating a layout grid in Illustrator","og_description":"Tutorial on how to create a layout grid in Illustrator.","og_url":"https:\/\/www.grapheine.com\/en\/graphic-design-en\/tutorial-grid-12-columns-illustrator","og_site_name":"Graph\u00e9ine - Agence de communication Paris Lyon","article_publisher":"https:\/\/facebook.com\/grapheine","article_author":"https:\/\/www.facebook.com\/rabiot.mathias","article_published_time":"2021-03-11T00:22:15+00:00","article_modified_time":"2023-06-30T07:51:56+00:00","og_image":[{"width":2280,"height":1410,"url":"https:\/\/www.grapheine.com\/wp-content\/uploads\/2021\/03\/grid-frille-A4-12-colonnes-illustrator-gris.jpg","type":"image\/jpeg"}],"author":"Mathias Rabiot","twitter_card":"summary_large_image","twitter_creator":"@grapheine","twitter_site":"@grapheine","twitter_misc":{"Written by":"Mathias Rabiot","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.grapheine.com\/en\/graphic-design-en\/tutorial-grid-12-columns-illustrator#article","isPartOf":{"@id":"https:\/\/www.grapheine.com\/en\/graphic-design-en\/tutorial-grid-12-columns-illustrator"},"author":{"name":"Mathias Rabiot","@id":"https:\/\/www.grapheine.com\/#\/schema\/person\/29e03c94d95f96b5f1d533e68a51aac9"},"headline":"Creating a layout grid in Illustrator","datePublished":"2021-03-11T00:22:15+00:00","dateModified":"2023-06-30T07:51:56+00:00","mainEntityOfPage":{"@id":"https:\/\/www.grapheine.com\/en\/graphic-design-en\/tutorial-grid-12-columns-illustrator"},"wordCount":948,"commentCount":1,"publisher":{"@id":"https:\/\/www.grapheine.com\/#organization"},"image":{"@id":"https:\/\/www.grapheine.com\/en\/graphic-design-en\/tutorial-grid-12-columns-illustrator#primaryimage"},"thumbnailUrl":"https:\/\/www.grapheine.com\/wp-content\/uploads\/2021\/03\/grid-frille-A4-12-colonnes-illustrator-gris.jpg","keywords":["astucesdegraphistes","\u00c9DITION","grid","grille","illustrator"],"articleSection":["Insights on graphic design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.grapheine.com\/en\/graphic-design-en\/tutorial-grid-12-columns-illustrator#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.grapheine.com\/en\/graphic-design-en\/tutorial-grid-12-columns-illustrator","url":"https:\/\/www.grapheine.com\/en\/graphic-design-en\/tutorial-grid-12-columns-illustrator","name":"Creating a layout grid in Illustrator - Graph\u00e9ine","isPartOf":{"@id":"https:\/\/www.grapheine.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.grapheine.com\/en\/graphic-design-en\/tutorial-grid-12-columns-illustrator#primaryimage"},"image":{"@id":"https:\/\/www.grapheine.com\/en\/graphic-design-en\/tutorial-grid-12-columns-illustrator#primaryimage"},"thumbnailUrl":"https:\/\/www.grapheine.com\/wp-content\/uploads\/2021\/03\/grid-frille-A4-12-colonnes-illustrator-gris.jpg","datePublished":"2021-03-11T00:22:15+00:00","dateModified":"2023-06-30T07:51:56+00:00","description":"Tutorial on how to create a layout grid in Illustrator.","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.grapheine.com\/en\/graphic-design-en\/tutorial-grid-12-columns-illustrator"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.grapheine.com\/en\/graphic-design-en\/tutorial-grid-12-columns-illustrator#primaryimage","url":"https:\/\/www.grapheine.com\/wp-content\/uploads\/2021\/03\/grid-frille-A4-12-colonnes-illustrator-gris.jpg","contentUrl":"https:\/\/www.grapheine.com\/wp-content\/uploads\/2021\/03\/grid-frille-A4-12-colonnes-illustrator-gris.jpg","width":2280,"height":1410,"caption":"Grille illustrator tutorial"},{"@type":"WebSite","@id":"https:\/\/www.grapheine.com\/#website","url":"https:\/\/www.grapheine.com\/","name":"Graph\u00e9ine - Agence de communication Paris Lyon","description":"Graph\u00e9ine is a branding agency in Paris and Lyon specializing in the creation of creative visual identities","publisher":{"@id":"https:\/\/www.grapheine.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.grapheine.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.grapheine.com\/#organization","name":"Graph\u00e9ine","url":"https:\/\/www.grapheine.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.grapheine.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.grapheine.com\/wp-content\/uploads\/2014\/12\/pills-200px.gif","contentUrl":"https:\/\/www.grapheine.com\/wp-content\/uploads\/2014\/12\/pills-200px.gif","width":200,"height":200,"caption":"Graph\u00e9ine"},"image":{"@id":"https:\/\/www.grapheine.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/facebook.com\/grapheine","https:\/\/x.com\/grapheine","https:\/\/www.instagram.com\/grapheine_branding","https:\/\/www.linkedin.com\/company\/grapheine","https:\/\/www.pinterest.fr\/grapheine"]},{"@type":"Person","@id":"https:\/\/www.grapheine.com\/#\/schema\/person\/29e03c94d95f96b5f1d533e68a51aac9","name":"Mathias Rabiot","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.grapheine.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/80b4f9aa85683ac2013abcb10bc6c74c?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/80b4f9aa85683ac2013abcb10bc6c74c?s=96&d=mm&r=g","caption":"Mathias Rabiot"},"description":"Passionn\u00e9 de design, j'ai co-fond\u00e9 l'agence Graph\u00e9ine en 2002 avec J\u00e9r\u00e9mie, mon complice de l\u2019\u00c9cole Duperr\u00e9. Humaniste, je crois en l\u2019\u00e9motion et aux valeurs v\u00e9hicul\u00e9es par un graphisme accessible, joyeux et \u00e9pur\u00e9. J'ai particip\u00e9 \u00e0 la r\u00e9daction de plus de 600 articles traitant de design et de culture visuelle sur le blog de l'agence. En particulier, la rubrique Histoire du Graphisme, o\u00f9 j'ai \u00e9crit une trentaine des biographies de grands noms du graphisme.","sameAs":["https:\/\/www.grapheine.com","https:\/\/www.facebook.com\/rabiot.mathias","https:\/\/www.linkedin.com\/in\/mathias-rabiot-014882160","https:\/\/x.com\/grapheine","https:\/\/fr.wikipedia.org\/wiki\/Graph\u00e9ine"],"url":"https:\/\/www.grapheine.com\/en\/author\/mathias"}]}},"jetpack_featured_media_url":"https:\/\/www.grapheine.com\/wp-content\/uploads\/2021\/03\/grid-frille-A4-12-colonnes-illustrator-gris.jpg","views":{"total":5217,"cached_at":"","cached_date":1745833396},"jetpack_sharing_enabled":true,"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.grapheine.com\/en\/wp-json\/wp\/v2\/posts\/67364","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.grapheine.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.grapheine.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.grapheine.com\/en\/wp-json\/wp\/v2\/users\/55"}],"replies":[{"embeddable":true,"href":"https:\/\/www.grapheine.com\/en\/wp-json\/wp\/v2\/comments?post=67364"}],"version-history":[{"count":0,"href":"https:\/\/www.grapheine.com\/en\/wp-json\/wp\/v2\/posts\/67364\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.grapheine.com\/en\/wp-json\/wp\/v2\/media\/48291"}],"wp:attachment":[{"href":"https:\/\/www.grapheine.com\/en\/wp-json\/wp\/v2\/media?parent=67364"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.grapheine.com\/en\/wp-json\/wp\/v2\/categories?post=67364"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.grapheine.com\/en\/wp-json\/wp\/v2\/tags?post=67364"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}