Production Page Example
Diana Sanchez, Olivia Sherman, Tanvi Bendigeri
Takeaways
Here are a few tips for getting your products ready:
- Use this cheat sheet to help you decide if your product is ready for production.
- Please use the product template to prep your products for the site.
- Third Way follows MLA Style.
- Endnotes are formatted in MLA style.
- Don't add endnotes inside graphics or embeds (Tableau or Datawrapper).
- Watch this video to learn about the production template.
H2 Heading Size
H2 heading shows up on the "Jump to Section" at the top of the page.
H3 Heading Size
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
H4 Heading Size
Number list with one level:
- Lorem ipsum dolor sit amet, consectetur adipiscing elit.
- In scelerisque quam quis urna blandit volutpat.
- In scelerisque quam quis urna blandit volutpat.
- In scelerisque quam quis urna blandit volutpat.
- In scelerisque quam quis urna blandit volutpat.
- In scelerisque quam quis urna blandit volutpat.
Four Graphic Sizes
1. Left/Right size:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris euismod risus ex, ac pharetra est mattis vitae. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque porta gravida odio, non condimentum felis finibus at. Suspendisse egestas consequat maximus. Donec ullamcorper quam justo, eget imperdiet sem tincidunt non. Suspendisse varius dui eget eros ornare, sit amet ultrices odio euismod. Nam posuere malesuada ex eu varius. Etiam elit mi, venenatis sed tristique in, placerat nec urna. Suspendisse sit amet maximus elit. Aenean non orci rutrum, mattis felis mattis, bibendum enim.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris euismod risus ex, ac pharetra est mattis vitae. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque porta gravida odio, non condimentum felis finibus at. Suspendisse egestas consequat maximus. Donec ullamcorper quam justo, eget imperdiet sem tincidunt non. Suspendisse varius dui eget eros ornare, sit amet ultrices odio euismod. Nam posuere malesuada ex eu varius. Etiam elit mi, venenatis sed tristique in, placerat nec urna. Suspendisse sit amet maximus elit. Aenean non orci rutrum, mattis felis mattis, bibendum enim.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris euismod risus ex, ac pharetra est mattis vitae. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
2. Column size:
3. Offset:
4. Full size:
Types of Embeds
Datawrapper Example 1:
Datawrapper Example 2:
Tableau Example 1:
Tableau example 2:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi eu pretium ligula. Aliquam nibh arcu, condimentum in risus ac, vulputate finibus lorem. Sed quis tortor rutrum, vestibulum nunc a, venenatis metus. Nulla id dui semper, molestie turpis nec, convallis enim. Mauris facilisis cursus tempor.1
YouTube Videos:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi eu pretium ligula. Aliquam nibh arcu, condimentum in risus ac, vulputate finibus lorem.
GIFS:
Sed quis tortor rutrum, vestibulum nunc a, venenatis metus. Nulla id dui semper, molestie turpis nec, convallis enim. Mauris facilisis cursus tempor. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Flickr Embed:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi eu pretium ligula. Aliquam nibh arcu, condimentum in risus ac, vulputate finibus lorem.
Card Example:
RIP: Trump’s Plan to Kill Health Care
-
RIP Medicaid -
RIP Medicare -
RIP Reproductive Care -
RIP ACA
PDF Embed:
Quotes and Highlight Box Styles
Sed quis tortor rutrum, vestibulum nunc a, venenatis metus. Nulla id dui semper, molestie turpis nec, convallis enim. Mauris facilisis cursus tempor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi eu pretium ligula. Aliquam nibh arcu, condimentum in risus ac, vulputate finibus lorem. Sed quis tortor rutrum, vestibulum nunc a, venenatis metus.
Pullquote:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi eu pretium ligula.
Sed quis tortor rutrum, vestibulum nunc a, venenatis metus. Nulla id dui semper, molestie turpis nec, convallis enim. Mauris facilisis cursus tempor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi eu pretium ligula. Aliquam nibh arcu, condimentum in risus ac, vulputate finibus lorem. Sed quis tortor rutrum, vestibulum nunc a, venenatis metus.
Pullquote templates (green):
Hello. This is the green pullquote template. Please use it to highlight content. The text size and color can't be changed. This is a great tool to make your content stand out.
Sed quis tortor rutrum, vestibulum nunc a, venenatis metus. Nulla id dui semper, molestie turpis nec, convallis enim. Mauris facilisis cursus tempor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi eu pretium ligula. Aliquam nibh arcu, condimentum in risus ac, vulputate finibus lorem. Sed quis tortor rutrum, vestibulum nunc a, venenatis metus.
Pullquote templates (blue):
Hello. This is the blue pullquote template. Please use it to highlight content. The text size and color can't be changed. This is a great tool to make your content stand out.
Quotes:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi eu pretium ligula. Aliquam nibh arcu, condimentum in risus ac, vulputate finibus lorem. Sed quis tortor rutrum, vestibulum nunc a, venenatis metus. Nulla id dui semper, molestie turpis nec, convallis enim. Mauris facilisis cursus tempor.
Sed quis tortor rutrum, vestibulum nunc a, venenatis metus. Nulla id dui semper, molestie turpis nec, convallis enim. Mauris facilisis cursus tempor. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Classic Highlight box
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
Morbi eu pretium ligula. Aliquam nibh arcu, condimentum in risus ac, vulputate finibus lorem. Sed quis tortor rutrum, vestibulum nunc a, venenatis metus. Nulla id dui semper, molestie turpis nec, convallis enim. Mauris facilisis cursus tempor. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Text Table
Header 1 | Header 2 |
| You CAN hyperlink. | You CAN'T edit colors. |
| You CAN add endnotes.2 | You CAN'T center aligned text. |
| You CAN have multiple rows. | You CAN'T change the width. |
Fringilla convallis pellentesque at, consectetur quis sem. Maecenas id tortor facilisis, posuere lacus nec, commodo elit. Nulla rutrum, ipsum eget tincidunt placerat, odio neque porttitor nunc, luctus mattis mauris augue sed tellus. Suspendisse sollicitudin hendrerit nunc id fermentum. Ut bibendum orci dolor, eget egestas lectus ullamcorper in. Nulla sit amet augue iaculis, lacinia tellus quis, rutrum libero.
Endnotes
Xinhua Net. %u65B0%u534E%u65F6%u8BC4%uFF1A%u6297%u75AB%uFF0C%u6BCF%u4E2A%u4EBA%u90FD%u662F%u91CD%u8981%u4E00%u73AF%uFF0C%u4E0D%u80FD%u6389%u94FE%u5B50 X%u012Bnhuá shípíng: Kàng yì, m%u011Bi gèrén d%u014Du shì zhòngyào y%u012B huán, bùnéng diào liànzi [Xinhua Times Commentary: Everyone is an important part of the fight against the epidemic, and we cannot lose the chain]. Xinhua Net, 01 Dec 2022. http://www.news.cn/politics/2022-12/01/c_1129177096.htm
Citation for the table.
