![]() ![]() Where does it make sense to use a bold version or a condensed one? Keeping this list of font-variations short usually pays off, as loading every weight of an entire font-family may not be very performant (and more costly to license). ![]() Choosing font-weights and stylesĬonsider how many weights or variations you'll need to create concise hierarchies in the most complex of screens. There are many things to factor into your decision, but its a good idea to find the right balance between personality, performance, and on-screen legibility. Of course, you may also decide to handle these things depending on whether your system needs to support product or a marketing website (where brand personality may be a higher priority). If performance is a critical goal, many design systems will often leverage system/native font-stacks for different platforms to avoid loading web-fonts (as seen in the Shopify Polaris system). In this case, you may want to pair it with a more legible typeface for the bulk of the typography that will appear at smaller sizes. If your brand has a very unique typeface, not ideal for extended reading or small sizes, you may opt to reserve it for display sizes for elements like headlines that are used less frequently. Typefaces can be another touchpoint to help subtly convey the right tone and personality throughout your digital experiences. You may also need to work cross-functionally with brand/marketing teams to accommodate your brand's typefaces and determine how they'll fit into your system. There are many considerations when choosing typefaces, especially for use on-screen. Here are a few key areas you'll want to think through. Your line-heights may even influence many other structural elements like spacing and grids. Typography is often one of the foundational components you will want to get a handle on as it will need to work harmoniously with other elements like icons and UI controls. Type could account for 85-90% of any given screen. ![]() Typography is one of the most important aspects of your design system to establish early on-think of how much information you'll communicate to users through type. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |