Draw your audience in with Compagnon

Draw your audience in with Compagnon

Also, our color inspiration and design idea of the week!

I'm Hua, a designer and bootstrapping founder building Typogram, a brand design tool. As part of running Typogram, I create this digestible weekly guide with fonts, colors, and design ideas to help founders, creators, and makers step up their game in marketing and get creative!


In This issue

  • Theme: Intimacy
  • Font of the Week: Compagnon
  • Design Idea: Photomontage
  • Color Inspiration: Mary Cassatt’s Paintings

https://cdn.substack.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F011a12f9-d413-44c4-ae38-459ec8e4b97f_1074x693.png

img: samples of Compagnon


Font of the Week

Write with Compagnon

Are you looking to be closer to your audience? Using a typewriter font might be a good solution. Typewriter fonts communicate a sense of openness and, sometimes, intimacy. Compagnon takes inspiration from different typewriters from different eras. It has four weights and one italic. Each weight and style is unique because each was designed based on historical references to different periods in typewriter history.

https://cdn.substack.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F506ef1da-0b14-4c92-8ea8-5a9d1e301b0e_1074x694.jpeg

img: IBM Selectric typewriter, one of the most commercially successful typewriters IBM has ever created; source: wikipedia

Font Details

  • Each weight and style is different
  • Enlarged punctuations
  • Ball terminals on Light and Roman versions

https://cdn.substack.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Fce6fd619-735b-4220-9357-da674cf23045_1074x397.png

img: different weight of Compagnon

https://cdn.substack.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F7012a120-1394-4188-aa8f-fea4f7451a78_1074x693.png

img: graphic showing ball terminals of Light and Roman Versions

Would I use this for logos?

Compagnon Roman has a quirky voice that stands out. It communicates cutesy and quirky. Light and Light Italic are thin, so they might break down when used in smaller scales for logos. Bold is the slightly odd one. It has a “handwriting” appearance, communicating more of a whimsical tone.

Can I use this for my marketing copy?

The Roman and Medium versions are excellent for short copies in small and large sizes. They both have cute, friendly personalities. Compagnon pairs better with a sans serif, like Space Grotesque or Poppins. Both of these have geometric traits that complement the warmth and friendliness of Compagnon very well. Light, Light Italic, and Bold are not suitable for body copy. They are all too hard to read in small sizes.

https://cdn.substack.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F2b79eeba-5e33-40a2-acac-38185b5fbd99_1074x694.png

img: Poppins and Compagnon make a good pairing. Compagnon light is hardly visible at body copy size

https://cdn.substack.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Fd48bd6b8-b8bb-4c84-b3b9-d875eddbd608_1074x694.png

img: top: Compagnon Roman being used as description text on a brochure, bottom: Compagnon being used for sauce packaging. Source: fontsinuse


Design Idea of the Week

Photomontage

Have you ever had the experience of looking at something familiar but... not quite? The content is new, but the familiarity, either in visual or topic, pulls you in. The photomontage technique is an excellent example of this. It is the process and result of making a composite photo (sometimes seamless) by manipulating two or more pictures into a new image.

https://cdn.substack.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Fda9a13bc-9ab6-40e0-964c-a47a6993d027_655x463.png

img: photomontage of kiwi and lemon created using image editing software, source: wikipedia.


Color Inspiration of the Week

Mary Cassatt’s Paintings

Here is our weekly inspiration of colors surrounding the theme of intimacy. Mary Cassatt was one of the most prominent women artists during the impressionist movement. She was well-known for painting images of women and children, doing everyday activities, which are unconventional subjects during that era.

https://cdn.substack.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F7d702091-52d1-44c2-9a2d-9a02c55d6bb1_1075x694.jpeg

img: One of Mary Cassatt’s paintings; source: metmuseum


Creative Prompt

Can you create a visual or meme for Twitter or Instagram using Compagnon, Photomontage technique, or the color palette we featured today?

Thank you

…for reading and hanging out here this week! Compagnon is available here.

https://cdn.substack.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F0b726cda-8594-428d-904c-e7eaf76e2a27_1519x760.png

img: infographic of Compagnon


If you enjoy this series, you can subscribe here:

Have more questions about design and fonts? Please email me or find me on Twitter at @HuaTweets. You can also read the past issues on Typogram's blog.

 
Share this