facebook

Typography in design systems

Typography in design systems
Average rating: 5
(1 votes)

Thanks! You’ve rated this material!

Here in Syndicode, we pay a lot of attention to the greatest design tools and are aware of the latest updates, so now we are going to share a much more efficient and effective way of creating typography in design systems that can be helpful for your next project.

Here you can find several tips to improve your design workflow.

Step 1: Picking Fonts. All we need to know for this process is that selecting and previewing the fonts you want to use in Archetype is incredibly easy.

Step 2: Define Sizes and Visual Hierarchy. Establishing harmonious sizes for the various typographic elements (H1, H2, paragraph etc) you might use in a project is often done arbitrarily or by eye.

Step 3: Adjust Spacing to Create Vertical Rhythm. Selecting appropriate element spacing by eye and with a view to any potential future application in your project is fraught with difficulty.

Step 4: Exporting Your Masterpiece. Hitting ‘Export to Sketch’ and installing the plugin Jamie created is the first step in this very swift process.

There it is, a much-improved process for creating your next typography design system that will save you shed-loads of time and hard graft, sweating over a hot Wacom tablet/keyboard. Please read the details find more examples here.

And don’t forget to check our detailed UI/UX design guide for your next web and mobile application designs.

Rate this article, if you like it

Thanks! You’ve rated this material!

Got a project? Let's discuss it!

*By submitting this form you agree with our Privacy Policy.

Mailing & Legal Address

Syndicode Inc. 340 S Lemon Ave #3299, Walnut CA, 91789, USA

Visiting & Headquarters address
Kyiv Sofiivska 1/2a, 01001, Kyiv, Ukraine
Dnipro Hlinky 2, of. 1003, 49000, Dnipro, Ukraine
Email info@syndicode.com
Phone (+1) 9035021111