Wide, but not too wide lines

To ensure legibility line-widths are constrained inherently within the Delphinus Design System. This makes sure that a line, e.g. a p-tag or a header, is never rendered wider than about 65 to 75 characters per line.

The maximum allowed line-width is proportional to the font-size, such that texts with larger fonts are allow to become relatively wider, but no wider, than the above-mentioned character limit.

Maximum line-widths across font-sizes

Note: You will need a screen wider than the maximum allowed line-widths to view this demo properly.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

The fontFont sizesLine-heightsLine-widthsHeadingsListsLinks in text

Examples

Sample text