Skip to main content

The materials on this site are being phased out. For all new work, please refer to the OIT Brand System.

Typography

Typography is the art and technique of arranging type to make written language legible, readable, and appealing when displayed.

Proper and consistent application of typography across all OIT products is an important part of conveying both legible and clear messaging to promote and maintain the OIT brand. The two primary font families are Myriad Pro and Georgia. Myriad Pro, a sans serif font that is modern, friendly, and easy to read, is the preferred font. Myriad Pro should be used for titles and body text whenever possible. For Microsoft applications such as Word and PowerPoint, you may substitute Calibri for Myriad Pro, as this is universally available. No other font substitutions should be made. Georgia should be used sparingly and only for emphasis.

Avoid setting body copy at less than 10 point for documents and 18 point for presentations. Use large headlines to convey warmth. Headings and subheadings should be between 14 point and 20 point. The size selected should be complimentary to and proportional with the overall design. Provided templates use pre-loaded styles to ensure consistency of font and size amongst the suite of products.

  • Primary Headings (heading 1) - Only use primary colors
  • Sub-Headings - Primary or secondary colors, but must be consistent throught the document — not a rainbow of colors.
  • Body - black or dark gray, left justified.
  • Tables - Should be avoided except for the representation of data. Use black text. Alternating row colors can use light blue and light gray accent colors .

Web: All OIT websites, internal and external, will use the US Web Design System as a foundation and extend from there. This includes font sizes and styles. The OIT websites use sans-serif font for all primary headings and body text. The serif font can be used for sub-heading and pull quotes (<blockquote>).

Accessibility: Use document structure elements (such as headings) and ensure document accessibility. Ensure that fonts are legible and that contrast ratios are maintained at all times (minimum 4.5:1 for normal text and 3:1 for large text). Contractions should be avoided, plain language is required, and acronyms must be defined prior to use. If an acronym is used three times or less in a document, do not use it, spell out the words. Microsoft Office® and Adobe Acrobat® documents must be reviewed with the accessibilty tools available in the applications and must pass all tests. Additional accessibility guidance.

  • Title of the Document

    Heading 1

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. In non nulla dolor. Proin posuere ipsum in dui condimentum, et posuere leo efficitur. Nam mattis, diam nec gravida blandit, neque turpis commodo quam, a egestas augue nulla eget lorem. In hac habitasse platea dictumst. Nam aliquet, ante ac ultricies accumsan, diam massa condimentum est, in congue justo sapien eget est. Duis a tellus sit amet nunc tincidunt dictum. Curabitur sit amet odio maximus, convallis arcu vel, cursus tortor. Nullam mollis convallis leo non mattis. Pellentesque ac congue quam. Phasellus sed lorem maximus, finibus ante ac, congue lacus. Praesent sapien urna, cursus in accumsan in, aliquam cursus enim. Morbi imperdiet urna dui, in egestas lectus venenatis a. Nunc lobortis, diam eu egestas sollicitudin, ex justo pretium mauris, lacinia placerat eros enim vitae sapien. Nam nec malesuada orci. Vivamus at lectus in leo aliquet scelerisque vitae ac purus. Pellentesque ultricies ipsum ut est eleifend, id porta odio pharetra.

    Heading 2

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. In non nulla dolor. Proin posuere ipsum in dui condimentum, et posuere leo efficitur. Nam mattis, diam nec gravida blandit, neque turpis commodo quam, a egestas augue nulla eget lorem. In hac habitasse platea dictumst. Nam aliquet, ante ac ultricies accumsan, diam massa condimentum est, in congue justo sapien eget est. Duis a tellus sit amet nunc tincidunt dictum. Curabitur sit amet odio maximus, convallis arcu vel, cursus tortor. Nullam mollis convallis leo non mattis. Pellentesque ac congue quam. Phasellus sed lorem maximus, finibus ante ac, congue lacus. Praesent sapien urna, cursus in accumsan in, aliquam cursus enim. Morbi imperdiet urna dui, in egestas lectus venenatis a. Nunc lobortis, diam eu egestas sollicitudin, ex justo pretium mauris, lacinia placerat eros enim vitae sapien. Nam nec malesuada orci. Vivamus at lectus in leo aliquet scelerisque vitae ac purus. Pellentesque ultricies ipsum ut est eleifend, id porta odio pharetra.

    Heading 3

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. In non nulla dolor. Proin posuere ipsum in dui condimentum, et posuere leo efficitur. Nam mattis, diam nec gravida blandit, neque turpis commodo quam, a egestas augue nulla eget lorem. In hac habitasse platea dictumst. Nam aliquet, ante ac ultricies accumsan, diam massa condimentum est, in congue justo sapien eget est. Duis a tellus sit amet nunc tincidunt dictum. Curabitur sit amet odio maximus, convallis arcu vel, cursus tortor. Nullam mollis convallis leo non mattis. Pellentesque ac congue quam. Phasellus sed lorem maximus, finibus ante ac, congue lacus. Praesent sapien urna, cursus in accumsan in, aliquam cursus enim. Morbi imperdiet urna dui, in egestas lectus venenatis a. Nunc lobortis, diam eu egestas sollicitudin, ex justo pretium mauris, lacinia placerat eros enim vitae sapien. Nam nec malesuada orci. Vivamus at lectus in leo aliquet scelerisque vitae ac purus. Pellentesque ultricies ipsum ut est eleifend, id porta odio pharetra.

    Heading 4

    Morbi imperdiet urna dui, in egestas lectus venenatis a. Nunc lobortis, diam eu egestas sollicitudin, ex justo pretium mauris, lacinia placerat eros enim vitae sapien. Nam nec malesuada orci. Vivamus at lectus in leo aliquet scelerisque vitae ac purus. Pellentesque ultricies ipsum ut est eleifend, id porta odio pharetra.

    Heading 5

    Pellentesque ac congue quam. Phasellus sed lorem maximus, finibus ante ac, congue lacus. Praesent sapien urna, cursus in accumsan in, aliquam cursus enim. Morbi imperdiet urna dui, in egestas lectus venenatis a. Nunc lobortis, diam eu egestas sollicitudin, ex justo pretium mauris, lacinia placerat eros enim vitae sapien. Nam nec malesuada orci. Vivamus at lectus in leo aliquet scelerisque vitae ac purus. Pellentesque ultricies ipsum ut est eleifend, id porta odio pharetra.

    Heading 6

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. In non nulla dolor. Proin posuere ipsum in dui condimentum, et posuere leo efficitur. Nam mattis, diam nec gravida blandit, neque turpis commodo quam, a egestas augue nulla eget lorem.

    Table Caption to name the purpose of the table
    Column 1 Column 2 Column 3 Column 4
    Data 1 Data 2 Data 3 Data 4
    Data 1 Data 2 Data 3 Data 4
    Data 1 Data 2 Data 3 Data 4
    Data 1 Data 2 Data 3 Data 4

  • Figure 1. Presentation Title (Calibri),Slide Title (28pt, Calibri), Subtitle (24pt, Calibri), body text is Calibri and no larger than 18pt.
Official VA seal