Typography Tutorial - 10 rules to help you rule type

Graphic Design Tutorial: 10 Typography rules to help you improve your type skills. Get better at graphic design by understanding how to use type. Improve your layouts instantly by following these 10 easy to follow rules.
How can you quickly apply typographic rules to regain control of your layouts by following these 10 golden rules of typography? These rules are distilled down from the things that I learned by going to Art Center College of Design.
Generally speaking, there are two types of typography- expressive typography (type is visual, carries the meaning of the word and sometimes appears as physical shapes) and functional typography (type that is meant to be read). I will focus on the latter.
When starting out, it is best to learn the fundamentals of good design: hierarchy (primary, secondary and tierchiary reads), flow (how a person “reads” the layout by following the movement of their attention), legibility (in Western culture, type is read top to bottom, left to right so it’s important to arrange type accordingly), grouping (organizing blocks of type in intelligent and logical groups) and interest, achieved through contrast (scale, texture, color, density, negative space).
Use any typeface you like as long as it’s one of the following: Akzidenz Grotesque, Avenir, Avant Garde, Bell Gothic, Bodoni, Bembo, Caslon, Clarendon, Courier, Din Mittelschrift, Franklin Gothic, Frutiger, Futura, Garamond, Gill Sans, Gotham, Helvetica, Letter Gothic, Memphis, Meta, OCRB, Rockwell, Sabon, Trade Gothic, Trajan and Univers.
_________________________________________________________________
Great books to learn more about typography:
Stop Stealing Sheep & Find Out How Type Works
by Erik Spiekermann
amzn.to/2iNXwC8
Josef Müller Brockmann
Pioneer of Swiss Graphic Design
amzn.to/2k7o5Yb
Typography Manual
@2017 Chris Do
blind.com/blog/typography-man...
_________________________________________________________________
Animation by:
Leo Dinh
Red Cat Motion
redcatmotion.com
Music and sound design by:
Adam Sanborne
adamsanborne.com
English closed captions provided by:
Mindy Fulcher
Director of Digital Innovations
_
Listen to our podcast on iTunes: The Futur
itunes.apple.com/us/podcast/t...
Android Stitcher
www.stitcher.com/podcast/aaron...
HOW TO SUPPORT THE FUTUR:
thefutur.com/pro-group
Use our Amazon Affiliate Link:
astore.amazon.com/chrisdo-20
Buy useful design tools from Creative Market:
creativemarket.com/?u=ChrisDo
Get your business cards printed at Moo:
www.moo.com/share/qn6x98
_
Connect with us online:
thefuturishere.com
/ thefuturishere
/ thefuturishere
Connect with Chris Do:
/ thechrisdo Twitter
/ bizofdesign
/ thechrisdo
===
*By making a purchase through any of our affiliate links, we receive a very small commission at no extra cost to you. This helps us on our mission to provide quality education to you. Thank you.

[@amporu]

Final Rule: Abandon all rules as insisted by your client. #clientfromhell

[@harrytsang1501]

No, Arial is not a valid option.

[@alradiation5417]

Lollll 😜😜

[@rochendlywouters9113]

I feel this

[@heruseptian61]

true story.. lol

[@markomarkovic2374]

This comment just made my day

[@thefutur]

Did seeing this in motion help to explain this better than just reading it on a page?

[@syed_3279]

Yes way better, mainly cause while reading I tend to get distracted by something else and move away and forget about it...but as a video it kept me engaged the whole time..

[@thefutur]

Great. I'll keep this in mind for the next one.

[@brandonscott6497]

The Futur , the animations definitely help the comparisons of bad and good design stand out. This is exactly how I see the future of education.

[@jpanda4835]

It explained everything and also gave examples. If learning things in school is this much fun I wouldn't mind paying a hefty price

[@JQS8810]

The animations are so fast that it can be almost impossible to read all the recommendations for each point.

[@JordyC1993]

One rule to remember when using text in motion graphics is: allow the reader to read the text on screen 1.5 times. This ensures they can read it all at least once.

[@moecooper3037]

My brother in christ, you have just corrected every single one of my video text mistakes with this single nugget. God bless you and your future children.

[@tanmaykhelkar7936]

The only colours used are Black and White, still looks amazing 'cause *Typography matters*

[@thefutur]

you don't need fancy tricks or typefaces when you understand the fundamentals.

[@wadewill5934]

Technically black isn't a colour

[@laddwoodland318]

Typography is not about pretty colors.

[@hosseinsattarian]

And Contrast.

[@emilal]

@@wadewill5934 neither is white

[@gallanthelda3867]

11. Break rules in the right way.

[@z0bi_]

Break the rules if you know what effect it will have and if that effect is desired.

[@rootx9608]

Here's the font list, you're welcome: Akzidenz Grotesque, Avenir, Avant Garde, Bell Gothic Bodoni Bembo, Caslon, Clarendon, Courier, Din Mittelschrift, Franklin Gothic, Frutiger, Futura, Garamond, Gill Sans, Gotham., Helvetica, Letter Gothic, Memphis, Meta. OCRB, Rockwell. Sabon, Trade Gothic, Trajan, Univers.

[@KayaKosmos]

Why are specially these fonts recommended?

[@suriya_619]

Roboto ???

[@hoangtranviet2476]

what about montserrat? imo it's a very good font also

[@jimbo-dev]

I’m guessing these fonts are easiest to make look good. I tested these on my mobile app design ant these fonts were bit more easy to read without tricks. For example Avenir looks really similar to Nunito Sans, but when quickly switching between them on small screen Avenir was bit easier to read. I’m guessing these fonts are either old or bit more finished ¯\_(ツ)_/¯

[@MouradMokrane]

This is a rather conservative list though. There are quite a few more modern and very well balanced fonts that could be used as well. For example, we chose Fira Sans for printed and screen publications, and it is a delight to work with.

[@alefalefalef1]

This was like a college education in 3 minutes.

[@polobreak3249]

1. Justify left 2. Use one font 3. Skip a weight for different fonts (use light/bold not reg/bold) 4. Double point size for different fonts 5. Align to one axis. Vertical: align to left. Horizontal: align to strongest horizontal element (Cap/baseline). 6. Pick any font listed 7. Group by using rules 8. Avoid putting fonts on edge/corners of page unless it deliberately cuts off the font 9. Don’t use forced full justify & avoid having a single last word sticking out at the bottom of a paragraph. Don’t separate words from a paragraph. 10. Be bold or italic never regular

[@aditi9474]

can you explain point 5. align to strongest horizontal element

[@DaiyonHayati]

BEST COMENT EVER

[@user-eg1jf5oo1v]

Best comment ever thk so much!!!!

[@KaanPietz]

This comment is TOO CRACKED

[@ManOfSpruce]

Higgins had a history of drug abuse that began at an early age, and he spoke openly about his experiences. His mother claimed that he was also dealing with anxiety and depression on top of his battle with drug addiction. Higgins had agreed to attend drug rehabilitation weeks prior to his death.

[@PacFilms]

I learnt more about typography in 3:34 than I learnt at university where I studied graphic design. Really enjoyed the animation and how you combined many different skills to get your message across.

[@thefutur]

that's great to hear.

[@karaloca]

Wow your course must have been pure shite then.

[@zaungaestin]

same here. my university sucks.

[@LostJomper]

what kind of a shitty university have you been to? those are the basics of basics

[@zxenon_]

@@LostJomper 😂

[@ambarortega4753]

11th rule: Don't use Comic Sans

[@thefutur]

Ambar Ortega already covered in one of the other rules. ;)

[@negative42]

Yeah, but that's just commun sans

[@vickylance]

@@negative42 I see what u did there

[@AugustDoP]

I 3rd, 4th, and 5th this.

[@RuezgaDaniel]

Use Papyrus instead.

[@fredzimmerman4637]

I think you meant “Align Left” not “Justify Left” for rule 1. I teach graphic design to high school students & people often get these terms mixed up. Justified text is when the line of text is spaced across the whole column width-often creating large gaps between words in order to have clean straight line endings. “Justified Left Rag Right” would mean the text is spaced across the column as before but the last line of a paragraph-if too short to properly space across the column-would simply be aligned to the left rather than adding huge awkward spaces between the words.

[@JimFonsecaDesign]

WOW! This short video just made my simple flier design so much better! Almost 6 years later and this still holds up. Thanks!

[@ruisequeira5520]

Very helpful. However, the animation is too fast.. I didn't had time to read properly without stop the vídeo.

[@thefutur]

Rui Sequeira we have a PDF document you can download and read.

[@dansmith1861]

Is there a link to the PDF document, thanks?

[@edsonrzk]

I think that was the intent since people read at different speeds

[@men_del12]

Perhaps try to lput it aroun 0.5× Utube can make it slooooow

[@Andmau2552]

I don't like this argument. I think it's better to keep the video entretaining, and have the ones who really want to study to just pause it and take the time.

[@thefutur]

Download the Typography Manual FREE: www.thefutur.com/resources/typography-manual-vol-1/

[@helmet212]

Do you have a course on Font design?

[@Caaattsang]

With rule 9 - Orphans and widows are those definitions meant to be the other way around? I always thought orphans were single words at the end of a paragraph?

[@phuthiendang7135]

I feel like at 1:55, the word SHAPES kind of violate a rule for readability though?

[@Bloq7]

Will the sale ever come back?

[@AppleWatchCenter]

It helped being a short video and straight to the point, well done

[@thefutur]

Apple Watch Center thanks.

[@jonathanvornbrock473]

Do more videos like this please! Simple, straight to the point and easy to follow.

[@yashwinning]

The animation on this was fucking insane! Great work on that. Recently started checking out videos on typography and the likes and your channel is definitely one of the best out there. However the texts were a bit too fast. You should either slow them down or do a voice over. While I enjoyed this video, in my opinion a voice over + some sick ass animation would be better. Kinda like Vox's videos(their typography makes me drool).

[@thefutur]

for the next one then.

[@SuperManny1287]

This has to be the most spot on typography explanation ive seen. to be honest the animation made the me understand why what you said DOES make a difference in the design. p.s. ive heard about you only 2 months ago and Im eating up your content like there's no tomorrow. Thank you for sharing so much experience with us

[@ShirleiBarnes]

I watch this over and over. Each time, it reminds me of a rule to work on. One step at the time. So grateful to have this tool for free. Thank you 😊

[@sallyrose4044]

its amazing how so much depth and considerations needed for something most people deem "simple and obvious". It's not something people would think about deeply if they picked up like a magazine, or scrolling through a website

[@asimonna1]

Watching this in 2020 and I think it's still one of the best videos on Typography on the internet. That's on TIMELESS content! I still can't believe The Futur still doesn't have 1M subs (993k as of Dec 2020).. very UNDERRATED! Keep it up, Chris and Co!!

[@thefutur]

Wow, thanks!

[@righthererightnowproductio9525]

@@thefutur It is very, very, very good...Many of the rules are timeless...BUT an updated list of "approved fonts" minght be nice. A couple of those mentioned are a bit overused 6 years later...

[@Kidwaizer]

Here in 13-09/2023 and can confirm this is timeless

[@andywira]

This is gold. Information. Animation. Audio.

[@thefutur]

Andy Wirahadhi ty

[@vincentmega1]

Man I love this ! Your videos are so educational and inspiring. Makes me really want to push myself, and at the same time these videos really put into perspective that I’m not giving 100% into the craft and understanding of the field I’m working in, there is so much more to learn about business and speaking with people. I just wanted to say thank you 🙏

[@sahilshahzad2318]

I cant believe i missed this, its spectacular!!! The animation and the content, loved it

[@eriQ86]

This video is so beautiful - for the eyes and for the mind.

[@lindaaristizabal6341]

Love it! Can’t wait for part II. However, I understand animating it makes it more time consuming so I wouldn’t mind just a part II for the written version. Also, I find it awesome that you guys answer all the comments!

[@thefutur]

Linda Aristizabal yes. Of course. I do my best if the question is clear.

[@MiScusi69]

I am in absolute love with: Main title in Baskerville Text and secondary titles in Bodoni

[@tapatiovidzz]

This animation really helped me understand the concept better. Thank you for making it and aso for adding he sounds. They made it that much better!

[@porushpuri]

couldn't ask for more perfect video - animations are too lit ! Thanks for Sharing

[@briancaiazza7717]

sound design xtra fleeky.... #nicework

[@shahrzaddarafsheh7349]

Ah! The much-anticipated video we've all been waiting for! I thoroughly enjoyed this, Chris, thank you:)

[@thefutur]

Shahrzad Dara thank you.

[@krishnamaybhagwani5517]

What a visual way to explain the very essence of Typography! ❤️

[@nutritiongenius9593]

I’m not a professional designer, but I’m going to use all of these tips to redo my slides for my online course. Clearly, I was overthinking the typography when it’s actually simple. Thank you Chris!!

[@razibulislam1418]

Which software use for making this types og video?? Please

[@quazar-omega]

​​@@razibulislam1418After Effects or Blender usually (and yes I _am_ reviving an old thread, fite me)

[@MrJustin2105]

Can we take a minute to appreciate the animations in this video 😲

[@thefutur]

Yes

[@cajschloerike]

Awesome video. I am so satisfied that I was to slow to get the main things out of it. Just the way this video was made is so clear and cool that it's self is a perfect example for presenting something just using fonts and really "simple" animation. Props!!!!!!

[@dairyofabot]

This is the best video I've seen on UI UX it's so practical and every change has a meaning. Nice production

[@juliorodriguez9510]

Wow! Amazing video guys! Simple and straight to the point. The video does an exceptional job of explaining typography concepts textually and visually. I think anyone who wants to have a good broad view of how to understand, or explain, the good use of type should add this to their play list.

[@thefutur]

Julio A Rodriguez Diaz thanks for endorsement.

[@thefutur]

We are in the early planning stages of an experimental typography workshop in LA. It means we are going analog!

[@shahrzaddarafsheh7349]

Have you ever thought about coming to DC for a workshop or even a weekend design extraveganza?

[@thefutur]

Shahrzad Dara we would do it but don't want to tackle the logistics. If you know someone who will co-produce with us then we'd be totally down for it.

[@shahrzaddarafsheh7349]

I'll see what I can do! I think we can make this happen:)

[@thefutur]

Shahrzad Dara let me know. I've spoken all over the world because of fans from KZbin.

[@estherayewoh1077]

The best 3 minutes, 34 seconds of my time this week. Thanks Chris ❤

[@thefutur]

Glad you enjoyed it!

[@krutipathak817]

Can we just take a moment and appreciate the motion graphics and sound effects? briliantly done.

[@thefutur]

Thank you. it was a lot of effort.

[@jpanda4835]

This was really entertaining and at the same time very educational. Thanks

[@thefutur]

J Panda thanks.

[@Makwayne]

I enjoyed the video more than I thought I would

[@joydeeprockz]

why haven't I found this channel before? I never went to any design school so your videos are like a gift for me. thanks. I really appreciate it.

[@thefutur]

and it's not even Christmas. Welcome!

[@jmiller6224]

That's amazing, thank you for this and everything else you do! All of your video's are very inspiring and I wish you all the best!

[@The-Rain-Ninja]

I am a designer for more than 20 years and I still find struggle in neat and organized layout. I feel all over the place. This was helpful to revisit some of my strategies. I need more rules to help build more design structure. I am self-taught and more of an illustrator than a layout designer, but I want to be good at this.

[@thefutur]

Use any typeface you like as long as it’s one of the following: Akzidenz Grotesque, Avenir, Avant Garde, Bell Gothic, Bodoni, Bembo, Caslon, Clarendon, Courier, Din Mittelschrift, Franklin Gothic, Frutiger, Futura, Garamond, Gill Sans, Gotham, Helvetica, Letter Gothic, Memphis, Meta, OCRB, Rockwell, Sabon, Trade Gothic, Trajan and Univers.

[@sntshkmr60]

The Futur out of all listed, which one of them are available for free?

[@thefutur]

Santosh Kumar helvetica on the Mac.

[@matthewvernon1086]

The whole video was great except for this part. Is this supposed to be a joke?

[@thefutur]

Matthew Vernon no joke. When starting out use one of the classics.

[@samc6194]

Kyre Song tru

[@manuelfarcas1023]

Very useful and so nicely done! Great job to whoever worked in this presentation!

[@NicoleGraphix]

Not only has this been eye-opening, but beautifully directed. The animations were awesome!

[@thefutur]

thanks!

[@debbiekennedy8108]

I like the short tutorials packed with spot on information. Just last week, I had a client that wanted double spaces after punctuation and sentences. I explained that a single space should be used because a double space creates a large space and disrupts the flow and tone of the paragraph. Very similar to rivers of white space that happen with justified type. After I explained it she agreed to the single space. Chris, I'm really enjoying and learning a lot from the content you are sharing on KZbin. Thank You.

[@thefutur]

Debbie Kennedy thanks Debbie. Double spacing is a convention carried over from typewriters. They're monodpaced alphabet. Once we got digital typesetting fonts had different spacing options depending on individual characters. Double spacing is now considered a mistake in typesetting. Now you know.

[@debbiekennedy8108]

Thanks

[@zofzofzof_iaa]

3:34 minutes worth 2 credits in a semester of college

[@yellow13_]

Seriously… so true

[@mosesnandi]

A short movie about Typography! Love it. Biggest part of design is getting Type right.

[@dokhtK25]

The usefulness of these tips aside, this was one hell of a motion graphics design! wow!!

[@thefutur]

Glad you think so!

[@prernatripathy8406]

Whenever I feel down, I come to this video because the animation is freakin lit!

[@kelvinjoseph3606]

I was asking chatGPT for the best typography resources so that I can learn from the best; and after suggesting "Thinking with Type" by Ellen Lupton, the first video chatGPT recommended was this series. I love what you're doing, and thank you for sharing knowledge with everyone. Anyway, I need some learning to do.

[@thefutur]

That’s cool that ChatGPT knows about this video.

[@ginaauckland]

Love the info AND the animation. They're just fantastic!

[@acappella08]

A beautiful way to illustrate the importance of typography

[@AndreaEmad]

Watch at 0.75x speed ;)

[@arielleyva7571]

i'd say that most of the rules are avoidable, but you have to learn the rules before you break them, and most people couldn't type competently without these.

[@missyg_]

Loved the "use any font as long it is one of these". So right.

[@nizarbenhmida9578]

Thank you. Straight to the point and simple tutorial.

[@ichfan9811]

it is more worth it than attending to my class

[@oxiary]

Loving these OFF-WHITE training videos.

[@T.E.P.]

the sound effects in this incredible video are the real MVP great sound support

[@thefutur]

yes. adam sanborne is a rock star.

[@T.E.P.]

thank you Adam ... for replying very humble of you to lowercase your name

[@T.E.P.]

like the idea that Adam wrote that probably didin't big big fan of all that everybody brings to this may it continue and may all your best wishes come true in the new year for the Futur

[@thefutur]

Thor Eric I wrote it. It’s me chris.

[@martindemanable]

This is perfection! Content, animation and sound.. wow

[@pranaytony]

The animation is fantastic no doubts for that but the pace is really bringing pain ti eyes n to process!

[@thefutur]

we have a pdf you can download on our site. check under resources.

[@pranaytony]

The Futur Thanks Cool! Please don't do these kind of very fast pace videos cause you have some cool viewers n subscribers!☺️

[@Makwayne]

@@pranaytony nothing wrong with the pace, if you cant watch, slow it down, there's an 0.75x option right there

[@pranaytony]

sahil9821 I know that, but do you say the same thing to slow down to your officials during presentation, Pal? That's problem!

[@visualstudiosproductions]

@@Makwayne the pace is wrong for a video. Working in video, one of the main rules is for text to be readable at a comfortable pace. That means either more time or less text. It's very annoying for the viewer to need to pause to read or have to read at an uncomfortably high pace. Playing at 0.75 is just stupid, it will mess the sound design completely, as well as screwing the animation up (things are less smooth when played back slower unless at a higher fps that takes it into account to begin with). It's weird that they didn't think of that when making the video, when the animation is clearly well done, and it's overall very high quality. I get time constraints, but there's no reason the video couldn't be slightly longer to accommodate the amount of information to be conveyed, this isn't television where each second costs money. Making the video around 30 seconds longer would basically fix this problem, with absolutely no drawbacks (unless the music length was the deciding factor, but it would be better then to just loop a section or crossfade it with itself at some point to pad it out).

[@mannimoki]

Notification Squad! I like this new style of content btw. Your videos have help me so much, I can't wait to launch my freelance business and youtube channel!

[@thefutur]

Manny Ikomi awesome to hear. Let us know when you do.

[@Senthil_Kumar]

One of the Greatest visual instructions I have ever seen...

[@mohamedsolimanH]

That was a short description of awesomeness, Thanks guys for putting such a hard work to help us for free. we really appreciate it.

[@thefutur]

mohamed soliman your encouragement keeps us going.

[@gaia4350]

Beautiful design and valuable content - thanks guys!

[@thefutur]

Gaia Yemens thank you Gaia.

[@samuri2011]

CAN WE TALK ABOUT THE SOUND EFFECTS!>!? Sound designer killed it. I love the sound in this video, it steps the animtation up to 10000%

[@aronfarsang1481]

This was so satisfying and helpful! Thank you!

[@thestandardtape7703]

The transitions on here are sick and I love it

[@thefutur]

Leo did an amazing job!

[@beverney_shane]

Holy shit. This was so informative and concise. I want to marry whoever put this together.

[@thefutur]

Haha. I’m taken.

[@ximonwhhatt3796]

that was legit awesome

[@thefutur]

thanks Ximon. Leo did the animation.

[@brandonscott6497]

That was pretty awesome :) not just the content but the care that went into the animations was really noticeable.

[@thefutur]

Brandon Scott LEO and his team are very talented.

[@hayleypoppins2374]

Wow this was easily the best crash course on typography that I've found. Thank you for making this video, it made it all seem a lot more comprehensible. Also to everyone else in the comments, yes it was a bit fast to read, but if it had been slow enough to read, the video would have been over ten minutes long.

[@aoguim]

I could watch this forever

[@mindysommers]

This is def for beginners. You absolutely can use more than one font in a design if you are an experienced artist/designer. And a few other rules I said "meh" to. But this was well done and is very helpful for those starting out in design.

[@thefutur]

That’s who it is for. Advanced people have already learned the rules and made their own.

[@SocialboutMedia]

I'm absolutely blown away by all of this... super well done!

[@thefutur]

Thanks

[@jyourell]

Wow, this is gold. Seriously. Thanks guys.

[@DennisAH]

Rule #1 for video creation: Watch the final result and check if you can actually read and understand everything before progressing to the next scene ;) (This was way too fast)

[@LaraLocoge]

I paused each one to read and I didn't see any problem here... Some people just want to know the 10 points and only read the titles, some want to read the whole thing and so you can just pause :)

[@visualstudiosproductions]

@@LaraLocoge Pausing to read negates the whole point of the video and the nice animations and sound design (that took a lot of effort and skill to produce). Just download a pdf, then, no need to make a video. He is completely right, this is very well done except for the timings, which are a critical mistake one doesn't expect to see in a high quality animation like this one.

[@cloudeater9571]

It was beautiful, but even just a few seconds to the entirety would make it a ton better. The argument for pausing is a lot more cumbersome than a slightly longer video, still well under the 5 minute mark. Banshee and Visual Studios have the right of it

[@feelcollins4358]

@@visualstudiosproductions The point is to make people aware that this exists, less people would stop by to read a PDF than watch a video. Once people find the contents interesting they can find out more by reading the PDF file, it's basically a presentation in this case for the PDF file.

[@PushkarChintaluri]

Rule #0: Realize this is not a theater or an auditorium, you can pause and rewind the video.

[@WwZa7]

Use any font you like, *BUT!*

[@yarensey0331]

wow! I can start designing my socials with these tips. It's a lot of help you're doing here guys!

[@hash5463]

Such a beautiful way of expressing the message. I love the video design of this tutorial. Very interesting.

[@dittocopys]

3:21 stay away from the edges

[@SuperIceteapeach]

11. Break rules in the right way.

[@donisiswanto8248]

-as long as you know how it will be e.g. for aesthetic purposes

[@Acoit]

Nice work! I Hope to work with you very soon!

[@thefutur]

The ACOIT Brand looking forward to it.

[@KartelKandid]

Thank you so much for this tutorial. Really help me understanding typography.

[@sivaramasubbum1937]

Thank you the futur ❤️ Just loving all of your content!

[@djstarsign]

Damn, two widows within the first 30 seconds of the video.

[@tekiero]

lmao 😅😂😂

[@gul4sch]

Translating the German term for it would mean "Son of a bitch" :-)

[@theimagebear-9942]

Honestly, I think I have learnt more about type from The Futur than I ever learnt from my University.

[@norocketsciencebuild5371]

I love this! So much to learn and take from!

[@masonb9351]

//This presentation is lovely! I do, however, disagree with #09. I strongly encourage designers to play with a multitude of alignment types. I often times much more prefer using justified text when in big blocks but left or right-aligned text when in just one or two lines. This is especially true when using multiple columns. So it goes to show that these should be more like guidelines NOT rules to follow. And by the way, I often hear the terms right/left-aligned over right/left-justified. You'll see this in most design softwares as well. There is no "force justified" text. It's just called "justified". Otherwise, keep up the great work and feel free to add a little more color!

[@5tevecarnaghi]

Except rule #6 is completely subjective. #typesnobs

[@BebxOfficial]

Calibri gang rise up! I guess my font choice is just W R O N G

[@navneetyadav7139]

Yeah, no mention of roboto, which millions stares at daily on their android divices.

[@glaucofox]

I think he meant that for people who are not design savvy. As it was mentioned at the very beginning of the video about alignment, choose a font among these suggestions until you know what you're doing, to play it safe.

[@BebxOfficial]

@@glaucofox Yeah, that's definitely true. It's very hard to mess up with a font like Helvetica, since it's just so pretty.

[@z0bi_]

Imo Calibri is the ugliest of the "normal/professional" fonts. And i can't even put my finger on why.

[@AlexandraPryakhina]

So far the best video on typography that I've seen, thank you so much!

[@thefutur]

You’re very welcome

[@Trentacosta2]

These guys are seriously very good...everything so well done and polished yet easy to understand for a newbie like me.

[@deepakgraphicdesigns]

Legends in watching in 2024 🤣🤣🤣

[@smartlifefun]

am here🤣🤣

[@deepakgraphicdesigns]

@@smartlifefun 😂😂

[@Jelvin]

if you guys are gonna print a booklet of this, i'd definitely buy it! PS. for rule 2: i think that there are exceptions to the sans-sans and serif-serif combination. I've seen works that have those combinations. for rule 6: those fonts can be picked if you have the money to buy the licenses hahaha i'd pick fonts from Google Fonts and there are A LOT of good fonts there. for rule 8: type laid out on corners can sometimes be a direction of a project but that's just me haha. those are just my opinions but if there's one thing that I'd like to say to all those people who're watching this video, use your earphones/headphones!

[@thefutur]

We're gonna do a workshop and record it. It won't be free, but for those that really want to learn type, i think it is super valuable. I'll collect the best work and put it in a book with another 10 rules. You are right about rule 2, 6 and 8. You can break every rule, but this guide was written for people who might not have the formal training in typography so this is my "surefire" way to help those people. Once you learn the rules, break them cause you know why and how to make it work. Thanks for your support. How much do you think a book is worth? What about a 7 week course and the video companion? What would you pay? What format would you find most useful?

[@Jelvin]

I guess you can split the lessons into two or three levels like for beginners, advanced, and master class. I'd like to believe that I'll fit into the advanced one. For the pricing, personally I'd buy the Master class for around 800USD or so? I'm not sure how you guys will price it but that's just me and I bet that 800 bucks isn't even enough to compensate for the value that you guys are gonna give. I think that for the people who can't afford the lessons for now, you can make an in-depth book either print or PDF at around 50-100USD max? the last book that I got was Letter Fountain by TASCHEN Books and it cost around 70USD.

[@thefutur]

Thanks for the breakdown. can you provide me a link to your work? I always assumed that once you became advanced, it's more about one on one coaching and harder to get you to master level.

[@Jelvin]

my work online is mostly lettering and a little calligraphy though lol! I'm doing my best to prep up my UI designs on Behance. anyway here are my social media accounts. instagram.com/jelvin/ www.behance.com/jelvin/

[@RegDoesStuff]

thank you for this. this was very helpful. especially for a filmmaker that never gets to learn this stuff

[@scyeye]

from the animations to sound and music - a beautifully crafted video. great job!

[@thefutur]

scyeye I can't take credit. Leo and Adam were great.

[@ginzle]

the sound effects at 2:09 got quite intense not even gonna lie