Home / About UT / University Services / Office of Communications and Public Affairs

Website Layout Options for Authors

As a web author, it is important to take ownership of the content you manage, but also to know what options exist to enhance the pages for which you are responsible. The highest priority when considering updating content is to verify that all text is accurate, up-to-date and easy to read and understand. Once all content is created, there are some layout options and visual enhancements that are available.

Ingeniux Manual (PDF)

Website layout options for every author:

HTML content (standard layout, as shown on this page)
Accordion
Email form

Other layouts used only by specific areas:

Faculty, staff and admissions counselor listing (managed by Human Resources, Office of the Provost and Admissions)
News release and UT Life (managed by the Office of Communications and Public Affairs)
Landing page (typically only created for main overarching areas of the UT website including admissions, campus life, student engagement, experiential education, etc.)
Degree page (managed by the Office of Communications and Public Affairs)

Fonts and colors

Formatting should be cleared from all content before pasting into a page by using "paste in plain text" option
Cascading style sheets are used on all www.ut.edu pages for consistent font and styles across all pages
Fonts: Roboto Condensed, Helvetica Neue, Helvetica, Arial, sans-serif is the standard font family for www.ut.edu.
Hexadecimal (Hex) numbers are used on web pages to set colors. The following hex colors are acceptable for use on UT websites:
- Red: #d0012b
- Black: #000000 (body text)
- White: #FFFFFF (backgrounds)
- Yellow: #fbc804 (use sparingly for small accents only)
- Beige: #e6e0cc (related right and banner)
- Dark Grey: #282828 (footer)
- Grey: #404040 (related left)
- Medium Grey: #828282 (Facebook)
- Light Grey: #bfbfbf (Twitter)
- Highlight Grey: #f0f0f0 (tables)

Add-ons to a page

Banner
- One image at the top of the page that visually represents the content and aligns with red menu box (as shown at the top of this page)
- If content is better explained visually with more images, three images can be chosen, however only the largest image shows on mobile
Rail content
- Related Links List: Related resources box in grey
- Related Copy with Button: Includes title, image, description and linked button on a grey background
- Related Copy: Rich html on white or optional grey background
- Related news: automatically displays related news based on taxonomy category chosen
Page Content Components
- Accordion - Includes accordion title and teaser with the ability to expand content
Full-Width Components
- Standard tiles - Choose three or six boxes which include a title, image, full-sentence description and link

Four Facts with background photo
- Must include four distinct facts that link to more information
- Must include icon, number, identifiable word/s, four-word description and button link for each fact
Image Gallery
- Must choose exactly six photos to be included and have captions to describe the actions in the photo
Quote
- Student quotes are preferred, alumni quotes are excepted
- Must provide high resolution professional headshot of individual quoted
- Quote should be a maximum of 25 words

Additional visual enhancements

Heading styles

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Link button styles

Button list (tagged nav)

Custom icons

Pull image with or without caption (referred to also as inset image)

Pull image

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam nostrum tempore quo iusto quas molestiae enim ad nisi consequatur fuga ducimus dolores eos, molestias dolorem beatae necessitatibus, architecto minus quos. Placeholder Image

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nihil cupiditate sapiente atque perspiciatis repellat error, iusto sit officia illo mollitia maiores dolores, provident expedita tenetur reiciendis odit, possimus commodi nesciunt. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio molestiae obcaecati, placeat dolorem blanditiis repellat illum assumenda nulla cupiditate repellendus eum. Fugit aspernatur quibusdam ratione, quae vel. Repudiandae, hic modi. Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Pull image with caption

Responsive video elements

	2015- 2016	2016- 2017	2017- 2018	3-Year Aggregate
Number of students beginning program (cohort number)	10	9	10	29
Number of students returning for subsequent year 2	10	9	9	28
Program retention rate (%)	100%	100%	90%	97%
Number of students returning for subsequent year 3 (if applicable)	10	9	9	28
Program retention rate (%)	100%	100%	90%	97%

Academic Offering	Major	Minor	Pre-Professional	Certificate
Accounting
Advertising
Advertising and Public Relations
Aerospace Studies
Allied Health

Academic Offering	Doctorate	Master's	Concentration
4+1 MBA (combined B.S./MBA)
4+1 M.Ed. (combined B.S./M.Ed.)
Integrated M.S. in Criminology and Criminal Justice (combined B.S./M.S.)
B.S. (Professional) in Biochemistry/MBA
B.S. in Chemistry/MBA

For high school seniors:
Program Type	Scholarship Amount
Three and four year	Full tuition and fees (with $15,000/yr scholarship), $510/ year for books, $250-400/ month personal use
Application process: Apply online at www.afrotc.com. Deadline is December 1 of high school senior year.

For students with at least 2 years of college left:
Program Type	Scholarship Amount
Two and three year	From $3,000/year to full tuition, $510/ year for books, $250-400/ month personal use
Application process: Apply through the AFROTC detachment by calling 813-974-3367, or send e-mail to tamparotc@airforce.net.

For college juniors, seniors or graduate students:
Program Type	Scholarship Amount
1.5 and two year	From $3,000-8,000/year for tuition, $450/ year for books, $300-400/ month personal use
Application process: This scholarship is automatic for all contracted juniors, seniors or graduate students. To qualify, contact the AFROTC detachment by calling (813) 974-3367 or send e-mail to tamparotc@airforce.net.