Readability: Optimal Line Length

Did a quick reference/guide for the optimal line length of a design system we are building.

For readability’s sake, containers should have a benchmark of 700px while the text should have a length of up to 75-80 characters including spaces per line. Some uses the number of letters in an alphabet, 26 x 3, which will give you of up to 78 characters per line.

Supporting reference:

• https://baymard.com/blog/line-length-readability

• https://www.freshconsulting.com/insights/blog/uiux-principle-46-text-box-width-should-help-users-read/#:~:text=No%20matter%20how%20wide%20you,just%20another%20unit%20of%20measurement