Is it ok to hand off to dev typography specs in this convention and not H1 - H6

Question

As a UX/UI designer specific sizes for H1 - H3 cause issues so I prefer to use system shown on the left side of the image. Is this a problem in handoff? It creates much more flexibility. Thanks

I researched different approaches to typography and style guides(DSM's) to make my approach to design flexible and not locked in. I and wanted developers input.

Answer 1

In general, it's always better to use semantic HTML tags like H1, H2, H3, etc., as they provide structure and accessibility to your content. However, I understand that in some cases, you may need more flexibility in terms of font sizes and styles.

If you decide to use a different system for typography specifications, make sure to clearly communicate it with your development team and provide them with detailed guidelines on how to implement it. It's also essential to test your design thoroughly across different devices and platforms to ensure that it's accessible and usable for all users.

In summary, while it's generally recommended to use semantic HTML tags, using a different typography system can be acceptable as long as you communicate it clearly and thoroughly to your development team and ensure that it's accessible and usable for all users.