We use quotations in a wide variety of ways here at Webflow, and the rules vary a little depending on the type of quotation.
However, here's a few standards that need to be followed with any quotation:
- Always get the speaker's permission. Most social platforms require speaker permission for use in marketing. Obviously, short quotes taken from public figures like authors are fine to use without permission, as long as they're properly attributed.
- Always attribute. People deserve credit for saying amazing things.
- Use ellipses to indicate omitted parts of a quote. Often, a quotation needs a little pruning to be truly awesome. But people need to know you cut something, so replace words you've cut with an ellipsis (...) when the omitted portion appears in the middle of the quote. No need to use ellipses at the start or end of the quote though!
If someone tweets a particularly great comment about us, use the design captured in this page's hero image, taken from the bottom of webflow.com, which includes:
- Company name
- Testimonial text
- A link to the original tweet
In some cases, a testimonial is provided via email or some other non-public means. In these cases, the design can be flexible, but should always include:
- Testimonial text
- The provider's name
- The provider's role (freelance designer, Head of UX, etc.)
- The provider's employer/company
Typically, these sorts of quotes should be wrapped in a <blockquote> tag to give them some visual prominence.
Block quotes on the blog
Because the blog's block quote style features images of the opening and closing quotation marks, you don't need to include them in your quotations.
The attribution line should begin with an en dash (– in HTML; Option+hyphen on your keyboard) with no spaces, followed by the provider's name, position, and company.
Get or find a cool quote from a customer?
Get their permission to use it, then add it to the Google Sheet linked to in the Resources section below.
webflow is crazy good. i feel like you guys are the first to build the right UX around styling & CSS. very fine work sir.
–Paul Irish, PM, Developer Tools at Google
Confident, impressed, encouraging, knowledgeable
Damn. If Paul Irish likes it, it must be good! Going to have to try this myself.