Wow that's very cool, thank you!!! Do you approve style guide BEFORE you prepare a design mockup? Are clients able to imagine how will it look like? I always prepare style guide in the very end, maybe i should try doing it your way...

Does this work with webflow economy?

I'm having issues accessing the dropbox link, is there a new link to the template code?

Hey man, would love to now what is the serif font you use on most of your video titles etc?❤

The reason why multiples of 4 are used is because the number 4 means 'structure' which is evident when you think of geometry the most stable and structurally strong shape is a square with all 4 sides supporting each other, and when you're trying to structure a website or literally anything else, multiples of units of 4 are always going to be the quickest way to layout a website. 3 is unbalanced and means catalyst, 2 means duality which is like a 2-Dimensional design if you use steps of 2, and 5 is also unbalanced meaning change like you can't have a symmetrical 5 sided geometric shape. So you see 4 really is the only choice. I think it's really cool that the synchronicity of 4 being the step of units for structuring websites just so happens to mean 'structure' which is exactly what it's used for in this context.

Hi Thanks for your videos, I would like to ask you have you ever used a website as your reference for Typography sizes or spacing? I need to have a website to use it as my guide. Thanks alot

Hey Hey, Just a heads up. The Logo Achor link on your home page needs to be updated. It is liked to "Old Home" and the Return home button needs to be updated too. Cheers!!

This is a very useful video. Thank you. And your design looks pretty cool too!

Great video, lots of free value here I only found from paid courses. Nice work.

Does someone know how to place the arrows on the left and right of the slider dots so that both elements keep their interactivity?

You completely disregarded the optical correction that we require when you're using the rounded corner. Paddings can't always be the same both top and bottom.

Some grids layout tutorial in the future? I have problems with lateral sidebar in dashboard webapps, i dont know if apply 12 columns in total frame or 12 in the space after sidebar.

Would be cool to see a similar spacing guide for mobile and tablet screens!

THIS TABLE IS VALID FOR VERY FONTS? THANKS

Hey, great video, thanks so much for sharing! Can you pls give some examples of the independent font (foundries?) that you use? Thanks

What a video my man, so calm and explanatory, thanks for that (and a big hug from Brazil!!)

Dope

Space is the final fontier

How to use type scales across breakpoints?

12:02 Please create a video or just list them in the comments here, that would be awesome!

What Font is it that you are using for the Catsnake Brand?

This is a really great tutorial. Clearly explained the reasons behind the design decisions. Thank you! Subscribed and please keep it up!

Thanks a lot for the sharing @Tonic! I have 1 question @5:59 : How can i fit the 12 columns with 32px apart into a 1200px width? The column width should be 70.666px in order to fit to that setting. How would you overcome that? Thanks.

OMG I was looking for this for so damn long. Thanks for the video!

Hey, @Tonic, this is your first video I watched on your channel. But guess what, I was lost in your contents when I decided to skim through the playlist. I don't even know where to start 😊. I subscribed to learn more from you.❤❤

thank you

can you create it without CMS?

Hey @wearestudiotonic I am a huge fan and supporter of your channel due to immense quality of your content. I appreciate that you provide real production examples and know-how, without the superfluous fluff. I'll definitely be curious to checkout the design course once it's out.

Can you just tell me where you bought your Tshirt? Please share the link if you have bought online.

great stuff

Man, you just earned a new subscriber.

Can you share that spacing guide

Thank you

Pixels for font sizes?

what a great video

heavens sake, Get a good mic

What @creativeSolutions said....great tutorial just wat I needed, I am subscribed!

Great video, but I don't understand how you go from wireframe to such a different result in terms of design. It's easy to imagine the siteplan to wireframe, but wireframe to design direction is surprising, and designdirection to final result is even more impressive, as it looks like a complete reorganisation of the page.

Great video.

it doesn't not work in outlook. Outlook doesn't support "inline: block" and "media-queries" at all

This is amazing! Thanks~

Could you create something like this but for colors? How do you guys set the color library and why. Thanks!

I like color fresh good UI

Finally! The video about spacing makes sense!!! Thank you!!!

Thanks man

Is your cheat sheet available for download somewhere? Thanks for this video, wonderfully explained!

Finally, that's what I needed 🎉 Thanks

Maybe im not getting something here but. Your viewport on the "Check" Frame is 568px. If you then open this in the figma mobile app this obviosly gets scaled to the smarthones viewport. So the h1 for example is not 40px.

Hello Tom, I’ve recently begun working with HTML to design emails, and so far, everything has been going well. I’m truly grateful for your tutorials-they’ve been incredibly helpful. However, I’ve encountered a problem: when I check the email on my iPhone, the images appear broken. Strangely, on other platforms and different operating systems, I don’t encounter this issue. I’m wondering if there’s a solution or any tips that could help me address this issue. Thank you once again for your guidance and support! 😊

I know I'm lat to the party, but my email isn't responsive - what have I done ??