DTN Style Guide

This document outlines the fonts, colors, and imagery guidelines that we used as a guide to develop your new website. Please feel free to use these tools and ideas in your other marketing channels to help create a consistent brand experience for your customers.

H1 — font name + weight

H2 — font name + weight

H3 — font name + weight

H4 — font name + weight

H5 — font name + weight
H6 — font name + weight

 

How this might look on a page.

This is what our paragraphs look like. Quisque id ante vitae turpis fermentum malesuada. Morbi nec vulputate lectus, eu feugiat lacus. Nullam et mauris scelerisque, efficitur eros et, faucibus ipsum. Maecenas semper arcu in dolor tempus lobortis. Nulla purus arcu, malesuada vel enim vitae, commodo posuere est. Fusce arcu tortor, pretium eu scelerisque nec, porttitor non tortor. Etiam faucibus magna et magna lacinia venenatis.

  • Proin pellentesque pharetra
  • ipsum sit amet vehicula.
  • Duis felis sem, molestie at viverra id,
  • varius ac neque.

Nullam eros est, blandit et arcu vel, tincidunt euismod mauris. Nunc lobortis laoreet luctus.

Vivamus eu volutpat velit, ut volutpat erat.

Nam vitae imperdiet neque. Suspendisse sollicitudin mollis orci, eget molestie felis molestie at. Vivamus eu volutpat velit, ut volutpat erat.

This is a blockquote to help emphasize talking points, primarily in our blog posts.

Suspendisse imperdiet eget lorem at posuere. Nullam pulvinar bibendum ligula, eu condimentum orci viverra in.

  1. Nulla fringilla neque eu quam consectetur, ut cursus mauris facilisis.
  2. Aenean laoreet ante vitae nulla tempor, sed volutpat urna feugiat.
  3. Pellentesque quis pellentesque elit, id dictum turpis.
  4. Proin venenatis nulla magna, ut fermentum augue laoreet at.
* Nullam pulvinar bibendum ligula, eu condimentum orci viverra in.
#XXXXXX
#XXXXXX
#XXXXXX
#XXXXXX
#XXXXXX
#XXXXXX
Skip to content