On white space

I was reminded of a what I think is a common issue with spacing between blocks of text when reading the latest Agilebits newsletter.

1Password for iOS, Mac, and Android

Not to be out done, our other platform teams have been busy and have released updates of their own.

Rick and his Mac team had a great update that improved Large Type and VoiceOver, along with a fix to a slowness issue that was causing some of you grief:

1Password 6.3 for Mac: The Passion Project

Roo is always competing with Rick so his iOS team released version 6.4 to 1-up the Mac team. To add salt to Rick’s wounds they even named their release “The 1-Up Edition” to make sure he would notice:

1Password 6.4 for iOS: The 1-Up Edition

And last but certainly not least, Michael and his Android team have been on fire with 3 big updates since 1Password 6.0 was released:

1Password 6.3 for Android: Seek and Ye Shall Find

With all these new releases things have been busy around here, so much so that we’d love to have your help…

I find when all blocks of text – heading, paragraph, links – are spaced exactly the same it is difficult to associate which link belongs to which paragraph.

More often you see this with the spacing between headings and paragraphs, but really it can between any two types of content.

When the vertical rhythm is monotone, I often find myself having to check what goes with what and the general flow of reading is disrupted.

I also think this gets exasperated when scrolling on smaller screens, as you lose reference to other visual markers.

Even the presence of a colon in the preceding paragraph is easy to miss.

A solution is to actually reduce the space between all text blocks and, in this case, increase the space after the link.

1Password for iOS, Mac, and Android

Not to be out done, our other platform teams have been busy and have released updates of their own.

Rick and his Mac team had a great update that improved Large Type and VoiceOver, along with a fix to a slowness issue that was causing some of you grief:

1Password 6.3 for Mac: The Passion Project

Roo is always competing with Rick so his iOS team released version 6.4 to 1-up the Mac team. To add salt to Rick’s wounds they even named their release “The 1-Up Edition” to make sure he would notice:

1Password 6.4 for iOS: The 1-Up Edition

And last but certainly not least, Michael and his Android team have been on fire with 3 big updates since 1Password 6.0 was released:

1Password 6.3 for Android: Seek and Ye Shall Find

With all these new releases things have been busy around here, so much so that we’d love to have your help…

This goes against a prevalent school of thought that promotes maintaining an exact baseline based on line-height.

In most cases I think it is better to use font-size to space blocks of text.

This echoes Matthew Butterick’s recommendation of using “a space equal to 50-100% of the font-size” as it avoids paragraphs seeming disconnected.

But even doing this, the links still don’t look quite right.

Being separated from the preceding text block they look like headings, so you’re inclined to associate them with the text below instead of the text above.

A remedy for this could be to incorporate the link directly into the text block.

1Password for iOS, Mac, and Android

Not to be out done, our other platform teams have been busy and have released updates of their own.

Rick and his Mac team had a great update that improved Large Type and VoiceOver, along with a fix to a slowness issue that was causing some of you grief: 1Password 6.3 for Mac: The Passion Project

Roo is always competing with Rick so his iOS team released version 6.4 to 1-up the Mac team. To add salt to Rick’s wounds they even named their release “The 1-Up Edition” to make sure he would notice: 1Password 6.4 for iOS: The 1-Up Edition

And last but certainly not least, Michael and his Android team have been on fire with 3 big updates since 1Password 6.0 was released: 1Password 6.3 for Android: Seek and Ye Shall Find

With all these new releases things have been busy around here, so much so that we’d love to have your help…

Tacking a link onto the end of a paragraph I think often comes across as an after thought. Perhaps a better approach is to make the whole thing simpler.

1Password for iOS, Mac, and Android

Not to be out done, our other platform teams have been busy and have released updates of their own.

Roo is always competing with Rick so his iOS team released version 6.4 to 1-up the Mac team. To add salt to Rick’s wounds they even named their release “The 1-Up Edition” to make sure he would notice:

1Password 6.3 for Mac: The Passion Project

1Password 6.4 for iOS: The 1-Up Edition

1Password 6.3 for Android: Seek and Ye Shall Find

With all these new releases things have been busy around here, so much so that we’d love to have your help…