We have several types of content that is using the blockquote style, such as: callout, story, example, quote.
The blockquote looks like this:
We could add a new callout style with a solid background. This would help the reader distinguish the types of content, making the user experience better and the information more comprehensible.
What a callout could look like:
Specifications:
Background: #3D3C47
Margins around text: 29px (top/bottom), 26px (right/left)
shadow: #EE72F1, 1px width, offset 12px down/right
Text: #FFFFFF, Fira Code (same as paragraph styling)
We have several types of content that is using the
blockquotestyle, such as: callout, story, example, quote.The
blockquotelooks like this:We could add a new
calloutstyle with a solid background. This would help the reader distinguish the types of content, making the user experience better and the information more comprehensible.What a
calloutcould look like:Specifications:
Background: #3D3C47
Margins around text: 29px (top/bottom), 26px (right/left)
shadow: #EE72F1, 1px width, offset 12px down/right
Text: #FFFFFF, Fira Code (same as paragraph styling)