JHNeedsU
Through signage, messaging, a call center, and more, the university’s “JHNeedsU” campaign promoted safe and responsible behaviors among Johns Hopkins affiliates in the wake of the COVID-19 pandemic.
Asset Library A. This page uses the “Homepage” template, which gives different variations of the display of each module than the “Default” or “no theme” templates. This is populated by the “Introduction” section within WP.
This section is an open text module at 100% width. Open text modules can be 100% width, or divided into two-column layouts using either a 40/60 or 60/40 split. This paragraph uses the “Large” font size option.
This is a paragraph with a thumbnail image set to align left to demonstrate how text wraps around images. Images can be aligned left, right, or center and have three size options; thumbnail, medium, and large. This paragraph uses the “Default” size.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vestibulum laoreet mi at volutpat. Donec tristique nunc tellus, in rutrum nisl euismod at. Aenean cursus, tortor sit amet laoreet dictum, mauris lacus rutrum elit, et maximus odio orci ut ligula. Maecenas non egestas neque. Integer non turpis nibh. Nunc posuere, nibh id tristique posuere, mi lorem congue ex, a maximus dui arcu et justo. Curabitur erat nulla, lobortis sit amet condimentum at, suscipit ac quam. Nulla dapibus risus suscipit tortor suscipit consequat. Cras id enim magna. Nunc ornare mi at vulputate hendrerit. Etiam nec porta tortor, sed feugiat sem. Fusce vel enim eu leo vehicula scelerisque.
Nam nunc ante, congue euismod justo at, dictum malesuada neque. Duis iaculis, magna sit amet molestie imperdiet, orci nulla mattis nisi, eu suscipit eros enim sit amet massa. Suspendisse egestas, est non lobortis posuere, lorem tellus venenatis nunc, a auctor lorem metus in nisl. Sed felis tortor, tempor ac ante in, lobortis rhoncus nisi. Proin imperdiet pharetra leo. Praesent a ipsum eget risus feugiat lacinia. Suspendisse potenti. Aliquam fermentum, velit ut consectetur condimentum, felis mi lobortis tellus, a laoreet velit diam malesuada orci.
JHU licensing information is available in our brand guidelines.
This is the 40% side. The following is the buttons module.
This is a collection of buttons typically used as calls-to-action.
Our open text modules allow for the following:
Above is a Gravity Form. They should always be placed inside of an Open Text module to maintain proper spacing between sections/modules on the page.
Pull quotes are heavily stylized when using the “Homepage” template. Ideally kept short and sweet, but are flexible enough to accommodate longer, more complicated messages.
The above H2 is styled differently on the “Homepage” template. It is center aligned and includes a small section break style detail underneath of the text. The color of this detail is not editable within WP. H2 elements lose this treatment when included within the 60/40 or 40/60 split “Open Text” modules. The rest of the headline styles are as follows:
H6 is frequently used as a combination of section break and headline especially in tighter areas like within sidebars or narrow columns in footers.
Quotes within the “Open Text” module are stylized differently than the main “Quote” module used on the Homepage template.
John Shopkins
This is the 60% side. The following is the Vimeo embed module.
Vimeo embeds simply require the URL of the video you’d like to embed onto the page.
Then allows for a full answer or more comprehensive description within the expanded view. This allows extremely text-heavy content to be minimized and become more scan-able.
Praesent aliquam ac odio a euismod. Duis et erat sit amet odio eleifend commodo. Aliquam eget mauris consequat, maximus magna eu, commodo augue. Sed a velit pellentesque, feugiat augue ut, pharetra ex. Fusce in lacinia velit. Suspendisse efficitur feugiat sapien, sed pulvinar nunc efficitur sed. Proin at odio a ex condimentum pretium. Vestibulum sit amet ligula a lorem malesuada consectetur eget in libero.
Ut massa ante, convallis sit amet magna quis, tincidunt faucibus mauris. Suspendisse cursus facilisis volutpat. Ut elementum lorem sit amet tellus fermentum, nec elementum elit hendrerit. Pellentesque volutpat risus ac libero ornare, in fermentum magna congue. Donec semper porttitor euismod. Vestibulum maximus nulla sit amet purus consequat vulputate. Cras gravida nunc purus, quis scelerisque risus rutrum id. Cras et tincidunt leo.