{"id":9859,"date":"2022-08-08T14:29:06","date_gmt":"2022-08-08T12:29:06","guid":{"rendered":"https:\/\/geekworkers.ch\/?p=9859"},"modified":"2025-12-20T12:57:32","modified_gmt":"2025-12-20T11:57:32","slug":"how-to-make-a-graphic-charter","status":"publish","type":"post","link":"https:\/\/geekworkers.ch\/en\/blog\/comment-faire-une-charte-graphique\/","title":{"rendered":"Visual identity: How to make a graphic charter?"},"content":{"rendered":"
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

When launching a project or a company, it is necessary to establish the graphic universe in which your brand will be immersed. This universe will then be used in communication and all printed media (business cards, flyers), screens (website, social networks, mobile application) or physical (showcase, stands).<\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t

Why create a graphic charter?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Your graphic charter is made up of all the graphic elements that will characterize your brand and make it recognizable by your customers. Logos, colors and typography are the essential elements that allow you to create your visual identity. These graphic elements that make up your brand universe determine how people perceive and identify your business.<\/p>

If you want people to like and recognize your brand, you need a solid foundation embodied in the creation of a graphic charter<\/strong>.<\/p>

Here are the 3 steps that will allow you to build your graphic charter:<\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t

Graphic charter: Logo, colors and typography:<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

1) Logo design<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Your logo will be the foundation of your entire brand strategy. It is a representation of your company's identity and vision. You want your logo to be simple, not too abstract, and easily memorable. Your logo should reflect your company's vision. It has an image role in addition to being a gateway for your potential customers: indeed, it is the first showcase that your prospects will discover to interact with your company.<\/p>

The logo must also be declined in different forms in terms of colors, formats in order to communicate on all platforms and terminals. Thus, it will not be the same depending on the image format or the background color. For example, your site's profile picture or Favicon will have a square format while the logo on your site or your printed materials will generally have a rectangular format. At Geekworkers, we can help you create your logo from A to Z.<\/a><\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Once defined, the logo will be used on your website, business cards, sales brochure, flyers and all other communication elements.<\/p>

Take care however! When working with a designer, it's easy to deviate from your brand identity. It's often difficult to communicate exactly what you want to someone else. It is therefore imperative to define a graphical chart<\/strong> to exchange with stakeholders and maintain graphic consistency in your various communication channels.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t

2) Choice of colors<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

The second step to create your graphic charter is to define the colors of your graphic universe. At the house of Geekworkers<\/strong>, we recommend the use of a maximum of 4 colors: this is an ideal number so as not to disturb the perception of the identification of your brand.<\/p>

In the graphic charter, you must define these colors, as well as the use of the logo with these different colors in digital format for screens and printed media.<\/p>

We use standards to define color values with: CMYK, Pantone, RGB and hexadecimal values. This will facilitate communication with your graphic designers during your projects.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Be sure to use colors strategically in your branding. Select a consistent color palette that reflects your company's identity and uniqueness. And don't forget that your color scheme will affect all your other graphic media!<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t

3) Choosing your typography<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Typography or typeface also has a big role to play in building your visual identity!<\/p>

It's important to use typography that will reflect your business and the message you want to convey through your communication.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Some brands call on designers to create personal and unique typography for their graphic charter. It's a strategic choice, because it will make your brand even more identifiable among other players!<\/p>

Nevertheless, it is certain that this represents a significant cost that many SMEs would not have the privilege of affording.<\/p>

For this reason, Google Fonts<\/a> has become indispensable for the search for typefaces! New fonts are added almost every day. You will undoubtedly find your pearl there! In addition, Google Font is available natively on many media or digital solutions to create websites on WordPress<\/a> for example.<\/p>

The fonts found on Google Font are also natively suitable for use on the web. On the other hand, this is not the case for all fonts that you can download from free databases such as dafont <\/a>or 1001fonts<\/a>. Another equally prolific player in fonts is Adobe Font<\/a> which lists more than 20,000 different fonts on its platform.<\/p>

So how do you choose your typography from the many font styles on the Internet?<\/strong><\/p>

Generally, it is recommended to choose 2 to 3 fonts maximum in your graphic charter. For example: you will use one font for headings and a secondary for paragraphs.<\/p>

The typography used should reflect your main purpose. For example, for a brand that advocates minimalism or modernity, we can choose sans serif fonts like Arial or Helvetica. These fonts have smooth edges, they reflect a modern image.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\tHere are some examples of Google Fonts and their context of use<\/span>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Most popular fonts<\/h4>
  1. roboto<\/li>
  2. Open Without<\/li>
  3. Lato<\/li>
  4. Oswald<\/li>
  5. poppins<\/li>
  6. Roboto Condensed<\/li>
  7. Montserrat<\/li>
  8. Source Sans Pro<\/li>
  9. Raleway<\/li>
  10. PT Without<\/li><\/ol>

    Best Fonts for Logos<\/h4>
    1. Karla<\/li>
    2. Work Without<\/li>
    3. Oswald<\/li>
    4. roboto<\/li>
    5. Rubik's<\/li>
    6. poppins<\/li>
    7. Cabin<\/li>
    8. Montserrat<\/li>
    9. Chivo<\/li>
    10. Lato<\/li><\/ol>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
      \n\t\t\t
      \n\t\t\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t\t\t\t\t

      Best Fonts for the Web<\/h4>
      1. Montserrat<\/li>
      2. roboto<\/li>
      3. Raleway<\/li>
      4. poppins<\/li>
      5. Free Franklin<\/li>
      6. Source Sans Pro<\/li>
      7. Multi<\/li>
      8. exo<\/li>
      9. barlow<\/li>
      10. Overpass<\/li><\/ol>

        Font Combination Ideas<\/h4>
        1. Vast Shadow \u2013 Playfair Display<\/li>
        2. Montserrat \u2013 Droid Serif<\/li>
        3. Oswald and Roboto<\/li>
        4. Lato\u2013Merriweather<\/li>
        5. Raleway \u2013 Roboto Mono<\/li>
        6. Abel-Ubuntu<\/li>
        7. Proza Libre \u2013 Open Sans<\/li>
        8. Rubik\u2013Karla<\/li>
        9. Bree Serif \u2013 Lora<\/li>
        10. Poppins \u2013 Anonymous Pro<\/li><\/ol>
          \u00a0<\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
          \n\t\t\t\t
          \n\t\t\t\t\t

          Why hire a graphic designer?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
          \n\t\t\t\t
          \n\t\t\t\t\t\t\t\t\t

          You might be reluctant to outsource your visual identity to an outside agency. However, to stand out from the competition, it is necessary to call on professionals. In addition to benefiting from their expertise, the agencies will be able to support you in building your brand by contributing their ideas and helping you establish a communication or marketing strategy in line with your business objectives.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

          \n\t\t\t\t
          \n\t\t\t\t\t

          What you must remember...<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
          \n\t\t\t\t
          \n\t\t\t\t\t\t\t\t\t

          The main elements that make up the graphic charter will reflect your image with your customers. If they have a good impression of your brand, it will translate to better sales as well as greater loyalty to your products or services.<\/p>

          The graphic charter also makes it possible to maintain homogeneity in its communication and visual identity. Indeed, the main elements of the graphic charter which are the colors, the logo and the font are available in all media and printed media, whether it is your website or your business cards. You can take a look at a project launched by a Swiss start-up, Brandfetch.com<\/a><\/strong>, to discover the graphic charter of your favorite brands.<\/p>

          Creating a strong brand identity is not an easy task. In this article, you were able to understand the issues, but above all what could help you create your graphic universe in a simple and practical way.<\/strong><\/p>

          So ! Ready to create your own graphic charter with these examples?
          Contact us now to discuss it!<\/a><\/strong><\/p>

          We advise you to hire a professional to do this. In addition, it is often interesting to confront your ideas with a professional outside your company. This will bring a fresh and objective look.<\/p>

          And then, between us\u2026 A logo created by a passionate person will certainly have a more qualitative feedback than the logo drawn on your notebook!<\/strong> \ud83d\ude09<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

          \n\t\t\t\t\t\t
          \n\t\t\t\t\t
          \n\t\t\t
          \n\t\t\t\t\t\t
          \n\t\t\t\t
          \n\t\t\t\t\t

          Example of Geekworkers graphic charter<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
          \n\t\t\t\t
          \n\t\t\t\t\t\t\t\t\t

          Geekworkers provides you with a graphic charter template in Figma format for your projects.<\/p>

          You can contact us to get it.<\/a><\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t

          \n\t\t\t
          \n\t\t\t\t\t\t
          \n\t\t\t\t
          \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"

          When launching a project or a company, it is necessary to establish the graphic universe in which your brand will be immersed. This universe will then be used in communication and all printed media (business cards, flyers), screens (website, social networks, mobile application) or physical (showcase, stands).<\/p>","protected":false},"author":1,"featured_media":10755,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[66,182],"tags":[65,67,77,240],"class_list":["post-9859","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-branding","category-design","tag-branding","tag-charte-graphique","tag-design","tag-identite"],"_links":{"self":[{"href":"https:\/\/geekworkers.ch\/en\/wp-json\/wp\/v2\/posts\/9859","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/geekworkers.ch\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/geekworkers.ch\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/geekworkers.ch\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/geekworkers.ch\/en\/wp-json\/wp\/v2\/comments?post=9859"}],"version-history":[{"count":0,"href":"https:\/\/geekworkers.ch\/en\/wp-json\/wp\/v2\/posts\/9859\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/geekworkers.ch\/en\/wp-json\/wp\/v2\/media\/10755"}],"wp:attachment":[{"href":"https:\/\/geekworkers.ch\/en\/wp-json\/wp\/v2\/media?parent=9859"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/geekworkers.ch\/en\/wp-json\/wp\/v2\/categories?post=9859"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/geekworkers.ch\/en\/wp-json\/wp\/v2\/tags?post=9859"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}