Brand Standards for The University of Texas at Dallas

Io Style Guide

Io is one of UT Dallas’ official web templates for departmental use. It's ideal for microsite projects and showcasing one-off programs, centers and smaller departments.


Bootstrap 3

The Io template and its components are built on top of Bootstrap 3. Everything from Bootstrap 3’s component library can be used on this template as well as the custom styles below.


Typography

Io uses DIN 2014 and Modesto. Both require Adobe Fonts to display on a page.

Lead paragraph text looks like this.

Plain paragraph text looks like this. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Italicized text looks like this.
Bold text look like this.
Bold, italicized text looks like this.
Embedded links look like this.

  • Bullet points look like this
    1. Numbered lists look like this
    2. Numbered lists look like this
  • Bullet points look like this

Heading One

Heading Two

Heading Three

Heading Four

Heading Five
Heading Six

Buttons

The .buttony-link class fills its parent <div> container.

For more styling options, see Bootstrap 3’s Buttons.


Tables

For more styling options, see Bootstrap 3’s Tables.

Column Header 1 Column Header 2 Column Header 3
data data data
data data data
data data data

.sidenav fills its parent <div> container.


Cards