Design quick fix for quotes

After publishing yesterday’s post I noticed that you can’t distinguish a quote from normal text. I decided to make a quick fix for it, after which the following example should be better recognizable as a quote.

This is an example quote that doesn’t say anything specific, but should look different from the surrounding text.

As I do not have access to my prototyping environment at the moment, I will do it blind. The changes will be:

  • extra padding around the text
  • Somewhat smaller text

I shortly thought of tinting the background but that can be left for another time.