Heroes

Use heroes to inspire your reader. Heroes offer plenty of space to make your reader want to be a part of the action, use it wisely.

Examples

A hero suitable for a landing page like a department front page:

A hero that takes less space and offers more text content:

  • No tags
Colosseum

A large hero that is suitable for a high-level landing page like the ClarkU homepage, or special campaign landing page. A hero this large is not appropriate for an office or department homepage.

A static hero, good for use in portrait mode. Note that its calls to action are structured differently, it’s designed to to be updated less frequently.

It’s also possible to make your own hero using a variety of tactics. A cover block serves this purpose well: