8
0 Comments

FontDiscovery 28: Elevate your visuals by communicating Moderness

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!


Hello friends đź‘‹

It’s another peaceful weekend for me here. Thanks so much to those of you who filled out the content improvement survey last week. I understand how busy you are, so I really appreciate it. I got many responses so far with super helpful feedback. Thanks again for doing this!

If you have been reading this series and haven't filled it out yet, I would appreciate it if you can take 5 minutes to fill it out here. I spent about 8 hours per week preparing content for this series. Your comments really help me brainstorm and improve.

Next week, I will share some of the results I received. Again, I am very grateful for your help.

In this issue…

  • Theme: Modern
  • Font of the Week: Daubenton
  • Design Idea of the Week: Dynamic Diagonals
  • Color Inspirations: Suprematism
    https://cdn.substack.com/image/fetch/f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F7376e0f5-ec74-4ca3-8b60-6017d264a656_1075x694.png {img: sample of Daubenton}

Font of the Week

All About Daubenton

Typeface designers like to visit old cemeteries for inspiration. Morbid much? No surprise, this peculiar behavior is for academic purposes. It is a treasure hunt to find historical letterforms with unique combinations of formality and funk.

We first talked about engraving in our Piazzola issue. Though the history of engraving can be traced back to earlier times, Roman inscription lettering has a significant influence on the development of modern typefaces. The letter outlines were first painted onto the stone, and then the stone carver followed the brush marks. The flares carvers made at the end of the stroke and corners became the serifs you see now.

Daubenton, named after the first director of the Natural History Museum in Paris, is inspired by the engraved letters found in the Museum. The construction of Daubenton tells us that the inspiration was a traditional serif with a natural, calligraphic touch. The designer upgraded this traditional sensibility by decreasing the contrast in the strokes and exaggerating the geometric aspect of the letters. This resulted in an eclectic style that communicates modernity and elevation.

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%2Fee8dd559-0acf-4843-a630-f36b12de26c9_2118x695.png

{img: left– Daubenton; right–Daubenton’s gravestone in the gardens of the Museum of Natural History in Paris, France; source: Wikipedia}

Font Details

  • Geometric shapes
  • Capital letters only
  • One weight

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%2F38e09aa6-4bc0-48ba-b5f7-3a46a4d61c6b_1600x549.png

{img: font detail of Daubenton showcasing capital letters and geometric traits }

How to use this for logos?

Daubenton is perfect for traditional brands with a flair because serifs are considered classic and reliable. The exaggerated geometric shapes also add a sense of chic. If you have a classic brand that wants to appear modern and elevated, give Daubenton a try.

How to use this for marketing?

Daubautoon only has capital letters, which means it is not always appropriate for longer pieces of copies. Because Daubenton only has one weight, it is best paired with another font for more complex projects like websites. Daubenton pairs well with sans serifs like Jost, which speaks to its geometric qualities, or classic serifs, like EB Garamond, which matches its traditional traits.

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%2F63570652-153b-488e-838a-71aa268e1f5e_1075x694.png

{img: Daubenton pairing with Jost. they make a harmonious pair because they both are geometric}

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%2F176617e5-832e-40f1-8907-a947e8f60b3a_1200x900.jpeg

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%2F7daf5e05-2c35-4382-a7c6-327d9028aca0_2000x1275.jpeg

{img: Daubenton being used on a high-end candle brand}


Design Idea of the week

Dynamic Diagonals

In 2015, Ellen Lupton, the senior curator at Smithsonian Design Museum, published a book that explains the magic behind what makes posters work as visuals. Her key findings? A majority of poster compositions relied on diagonals to cut across the composition to create eye-catching details. Diagonal lines make our eyes scan across a visual with ease and have a more engaging way of breaking up the negative and positive spaces (See this blog post if you need a review of negative and positive spaces). If you want to spice up your visual, consider creating diagonal lines in your design.

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%2Fd5c6016c-0fba-472e-b005-b775560949fc_927x577.png

{img: Poster by design master Josef MĂĽller-Brockmann. As you can see, there is a clear diagonal created by the composition that breaks up the negative and positive space; source: flickr}

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%2F87dbaff9-0184-4975-a381-f3a87289ba54_618x206.png

{img: @terribledustin’s Twitter banner created by Aprilynne. Here she uses a diagonal between ocean and beach and guides our eyes into the umbrellas and text. source: @AprilynneA}


Color Inspiration of the Week

Pure Suprematism

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%2Ffff05b2e-3e1c-45b0-b42e-42f2081a22d5_1508x1556.png

{img: visiting art museum… p.s, this is my first comic, let me know what you think! }

Have you ever looked at a painting and have zero ideas why it's at an art museum? I had this experience a few years ago when I visited the Museum of Modern Art in NYC. After some googling, I realized I was looking at a Suprematist painting. Suprematism is a seminal modern art movement that featured basic geometric shapes and limited colors. It was a desire to focus on "pure feeling or perception in the pictorial arts."

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%2F47a1a3f3-fe7c-4bfa-bb82-1b55e197a9ca_1075x693.jpeg

{img: Suprematism painting by Kazimir Malevich, source: ArtSlant}


Creative Prompt

In this quote, James Clear talks about knowing the outcome and success.

You don't need to predict how everything will play out. Just master the next step and continue moving in the right direction.

Can you create a poster illustrating this quote using what we talked about today?


Thank you

…for reading and hanging out here this week! Daubenton 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%2Fd1afbb18-f4b6-40fc-9071-e430eb182117_1518x760.png

{img: Daubenton infographic}


If you enjoy this series, you can subscribe here:

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

Trending on Indie Hackers
How I grew a side project to 100k Unique Visitors in 7 days with 0 audience 49 comments Competing with Product Hunt: a month later 33 comments Why do you hate marketing? 29 comments My Top 20 Free Tools That I Use Everyday as an Indie Hacker 17 comments $15k revenues in <4 months as a solopreneur 14 comments Use Your Product 13 comments